@charset "UTF-8";
@import url("https://use.typekit.net/pue7hrx.css");
@import url("https://use.typekit.net/pue7hrx.css");
@import url("https://use.typekit.net/pue7hrx.css");
@import url("https://use.typekit.net/uvi3qng.css");
@import url("https://use.typekit.net/nwc4mfy.css");
@import url("https://use.typekit.net/lbe7hzh.css");
@import url("https://fonts.googleapis.com/css2?family=Alkatra&family=Bebas+Neue&family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Kaushan+Script&family=Lato:wght@100;300&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,600&family=Titillium+Web:wght@200&display=swap");
@import url("https://use.typekit.net/nwc4mfy.css");
@import url("https://use.typekit.net/pue7hrx.css");
:root {
  --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
  --ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
  --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
  --ease-in-circ: cubic-bezier(.6, .04, .98, .335);
  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
  --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --ease-out-circ: cubic-bezier(.075, .82, .165, 1);
  --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
  --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
  --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
  --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
}

.disable {
  pointer-events: none;
}

.background-color--setorpublico {
  background-color: #28346F !important;
}

.background-color--formacao {
  background-color: #845292 !important;
}

.background-color--autorrelato {
  background-color: #3FA5C3 !important;
}

.background-color--heterorrelato {
  background-color: #8771AB !important;
}

.background-color--portal {
  background-color: #A3C94B !important;
}

.background-color--infantil {
  background-color: #8771AB !important;
}

.background-color--adulto {
  background-color: #1A2E3D !important;
}

.background-color--medio-3 {
  background-color: #3FA5C3 !important;
}

.background-color--medio-2 {
  background-color: #C23E64 !important;
}

.background-color--medio-1 {
  background-color: #546B43 !important;
}

.background-color--fundamental-9 {
  background-color: #3E50C2 !important;
}

.background-color--fundamental-8 {
  background-color: #FF6159 !important;
}

.background-color--fundamental-7 {
  background-color: #C29E3E !important;
}

.background-color--fundamental-6 {
  background-color: #3EC2B6 !important;
}

.border-color--autorrelato {
  border-color: #3FA5C3 !important;
}

.border-color--setorpublico {
  border-color: #28346F !important;
}

.border-color--heterorrelato {
  border-color: #8771AB !important;
}

.color--autorrelato {
  color: #3FA5C3 !important;
}

.color--setorpublico {
  color: #28346F !important;
}

.color--heterorrelato {
  color: #8771AB !important;
}

.background-color--autogestao {
  background-color: #8AB925 !important;
  color: #fff !important;
}

.background-color--abertura {
  background-color: #765AA3 !important;
  color: #fff !important;
}

.background-color--modulacao {
  background-color: #3FA5C3 !important;
  color: #fff !important;
}

.background-color--engajamento {
  background-color: #F4BB2F !important;
  color: #fff !important;
}

.background-color--amabilidade {
  background-color: #E61D47 !important;
  color: #fff !important;
}

.background-color-gradient--autogestao {
  background: -webkit-gradient(linear, left top, left bottom, from(#60B34B), to(#C4D49F));
  background: -o-linear-gradient(top, #60B34B 0%, #C4D49F 100%);
  background: linear-gradient(180deg, #60B34B 0%, #C4D49F 100%);
}

.background-color-gradient--abertura {
  background: -webkit-gradient(linear, left top, left bottom, from(#765BA3), to(#AEA3BF));
  background: -o-linear-gradient(top, #765BA3 0%, #AEA3BF 100%);
  background: linear-gradient(180deg, #765BA3 0%, #AEA3BF 100%);
}

.background-color-gradient--modulacao {
  background: -webkit-gradient(linear, left top, left bottom, from(#3FA5C3), to(#9FC7D1));
  background: -o-linear-gradient(top, #3FA5C3 0%, #9FC7D1 100%);
  background: linear-gradient(180deg, #3FA5C3 0%, #9FC7D1 100%);
}

.background-color-gradient--engajamento {
  background: -webkit-gradient(linear, left top, left bottom, from(#F5BA30), to(#F0CE86));
  background: -o-linear-gradient(top, #F5BA30 0%, #F0CE86 100%);
  background: linear-gradient(180deg, #F5BA30 0%, #F0CE86 100%);
}

.background-color-gradient--amabilidade {
  background: -webkit-gradient(linear, left top, left bottom, from(#E51947), to(#E87993));
  background: -o-linear-gradient(top, #E51947 0%, #E87993 100%);
  background: linear-gradient(180deg, #E51947 0%, #E87993 100%);
}

.color--autogestao {
  color: #77A020 !important;
}

.color--abertura {
  color: #765AA3 !important;
}

.color--modulacao {
  color: #3B9FBD !important;
}

.color--engajamento {
  color: #BD890A !important;
}

.color--amabilidade {
  color: #E61D47 !important;
}

.border-color--autogestao {
  border-color: #8AB925 !important;
}

.border-color--abertura {
  border-color: #765AA3 !important;
}

.border-color--modulacao {
  border-color: #3FA5C3 !important;
}

.border-color--engajamento {
  border-color: #F4BB2F !important;
}

.border-color--amabilidade {
  border-color: #E61D47 !important;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

iframe {
  border: 0;
}

main {
  display: block;
}

ul,
ol {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}

li {
  display: block;
}

dl {
  margin-bottom: 0;
  margin-top: 0;
}

dd {
  margin-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  margin-bottom: 0;
  margin-top: 0;
}

blockquote {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 0;
  margin-top: 0;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  top: -0.5em;
  vertical-align: baseline;
}

strong {
  font-weight: 700;
}

figure {
  margin: 0;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  background: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: inherit;
  text-transform: inherit;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

object-fit {
  border: 1px solid hsla(210, 15%, 8%, 0);
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 hsla(210, 15%, 8%, 0);
          box-shadow: 0 0 0 hsla(210, 15%, 8%, 0);
}
object-fit img {
  margin: 0 !important;
}

@font-face {
  font-display: block;
  font-family: "icomoon";
  src: url("icomoon.eot?8xwbvr");
  src: url("icomoon.eot?8xwbvr#iefix") format("embedded-opentype"), url("icomoon.ttf?8xwbvr") format("truetype"), url("icomoon.woff?8xwbvr") format("woff"), url("icomoon.svg?8xwbvr#icomoon") format("svg");
  font-style: normal;
  font-weight: normal;
}
[class^=icon-],
[class*=" icon-"] {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-triangle:before {
  content: "\e900";
}

.icon-arrow-down:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-up:before {
  content: "\e904";
}

.icon-at-sign:before {
  content: "\e919";
}

.icon-award:before {
  content: "\e921";
}

.icon-bar-chart:before {
  content: "\e91d";
}

.icon-calendar:before {
  content: "\e927";
}

.icon-check:before {
  content: "\e905";
}

.icon-chevron-down:before {
  content: "\e906";
}

.icon-chevron-left:before {
  content: "\e907";
}

.icon-chevron-right:before {
  content: "\e908";
}

.icon-chevron-up:before {
  content: "\e909";
}

.icon-chevrons-left:before {
  content: "\e916";
}

.icon-chevrons-right:before {
  content: "\e917";
}

.icon-clock:before {
  content: "\e91e";
}

.icon-edit:before {
  content: "\e912";
}

.icon-eye-off:before {
  content: "\e90b";
}

.icon-eye:before {
  content: "\e90a";
}

.icon-file-text:before {
  content: "\e915";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-frown-o:before {
  content: "\e918";
}

.icon-help-circle:before {
  content: "\e91f";
}

.icon-list:before {
  content: "\e922";
}

.icon-live_help:before {
  content: url(/assets/img/questao.png);
}

.icon-lock:before {
  content: "\e925";
}

.icon-menu--infantil:before {
  content: "\e90c";
  color: #947CB0;
}

.icon-menu--adulto:before {
  content: "\e90c";
  color: #0a7aa6;
}

.icon-minus:before {
  content: "\e90f";
}

.icon-more-vertical:before {
  content: "\e923";
}

.icon-more_vert:before {
  content: "\e5d4";
}

.icon-package:before {
  content: "\e920";
}

.icon-paperclip:before {
  content: "\e914";
}

.icon-play_circle_outline:before {
  content: url(/assets/img/player.png);
}

.icon-leitura:before {
  content: url(/assets/img/leitura.png);
}

.icon-aprender:before {
  content: url(/assets/img/aprender.png);
}

.icon-plus:before {
  content: "\e911";
}

.icon-reload:before {
  content: "\e924";
}

.icon-save:before {
  content: "\e91c";
}

.icon-search:before {
  content: "\e90d";
}

.icon-trash-2:before {
  content: "\e913";
}

.icon-unlocked:before {
  content: "\e926";
}

.icon-user:before {
  content: "\e91a";
}

.icon-users:before {
  content: "\e91b";
}

.icon-x:before {
  content: "\e90e";
}

.icon-graduation:before {
  content: "\e928";
}

.icon-info:before {
  content: "\ea0c";
}

.icon-online-learning {
  content: url(/assets/img/online-learning.svg);
  width: 1rem;
  height: 1.5rem;
  display: block;
}

.icon-seta-play:before {
  content: url(/assets/img/seta-D.png);
}

.icon-seta-play-mobile:before {
  content: url(/assets/img/seta-E.png);
}

.icon-home-base:before {
  content: url(/assets/img/subida-base/home-page.png);
}

.icon-anexar-base:before {
  content: url(/assets/img/subida-base/attach.png);
}

.icon-check-base:before {
  content: url(/assets/img/subida-base/check.png);
}

.icon-check-g-base:before {
  content: url(/assets/img/subida-base/check-g.png);
}

.icon-cancel:before {
  content: url(/assets/img/subida-base/cancel.png);
}

.icon-cancel-g:before {
  content: url(/assets/img/subida-base/cancel-g.png);
}

.icon-timer-base:before {
  content: url(/assets/img/subida-base/timer-base.png);
}

.icon-loader:before {
  content: url(/assets/img/subida-base/lote-loader-7fc09f7a20685bfbdccd4d80c9acab59.gif);
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */
.icon--error {
  color: hsl(0, 71%, 53%);
}

.icon--success {
  color: hsl(120, 16%, 29%);
}

.icon--xs {
  font-size: 0.7em;
  padding-top: 0.1rem;
}

.icon--md {
  font-size: 1em;
}

.icon--lg {
  font-size: 1.5em;
}

.icon--xl {
  font-size: 2em;
}

.icon--xxl {
  font-size: 4em;
}

.icon--ultra {
  font-size: calc(10em + 1vh);
}

.icon-domains {
  height: 2.5rem;
  width: 2.5rem;
}
.icon-domains__line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px;
}
.icon-domains__placeholder {
  fill: hsla(210, 15%, 8%, 0);
}
.icon-domains__icon {
  opacity: 0;
}
.icon-domains.engagement [class*=__icon--engagement] {
  opacity: 1;
}
.icon-domains.kindness [class*=__icon--kindness] {
  opacity: 1;
}
.icon-domains.management [class*=__icon--management] {
  opacity: 1;
}
.icon-domains.openness [class*=__icon--openness] {
  opacity: 1;
}
.icon-domains.resilience [class*=__icon--resilience] {
  opacity: 1;
}
.icon-domains.engajamento [class*=__icon--engajamento] {
  opacity: 1;
}
.icon-domains.amabilidade [class*=__icon--amabilidade] {
  opacity: 1;
}
.icon-domains.autogestao [class*=__icon--autogestao] {
  opacity: 1;
}
.icon-domains.abertura [class*=__icon--abertura] {
  opacity: 1;
}
.icon-domains.modulacao [class*=__icon--modulacao] {
  opacity: 1;
}
.icon-domains--xs {
  height: 2.25rem;
  width: 2.25rem;
}
.icon-domains--md {
  height: 3.75rem;
  width: 3.75rem;
}
.icon-domains--lg {
  height: 5rem;
  width: 5rem;
}
@media (max-width: 599px) {
  .icon-domains {
    height: 3rem;
    width: 2.5rem;
  }
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
}

html {
  height: -webkit-fill-available;
}

body > * {
  position: relative;
  z-index: 2;
}
body::before {
  background-image: url("/assets/img/bg-pattern--black1.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 10%;
  bottom: 0;
  content: "";
  left: -50%;
  opacity: 0.15;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
  color: hsl(216, 33%, 98%);
  font-family: "poppins", sans-serif;
  font-size: 14px;
  font-variant-numeric: lining-nums;
  font-weight: 300;
  line-height: 1;
  height: auto;
  position: relative;
  text-align: left;
  scrollbar-color: #083b5b beige;
  overflow-x: hidden !important;
}

#accessify-toolbar-v2-content-wrapper > .ember-view {
  height: 100vh;
}

html > .ember-view,
body > .ember-view,
.content-main > .ember-view {
  height: 100vh;
}
@media (max-width: 899px) {
  html > .ember-view,
  body > .ember-view,
  .content-main > .ember-view {
    height: 100%;
  }
}

button {
  outline: -webkit-focus-ring-color auto 0;
  outline: 0 solid transparent;
}

p, dl {
  font-size: 1.15rem;
  line-height: 1.35;
}
@media (min-width: 901px) {
  p, dl {
    font-size: 1.35rem;
  }
}

dl {
  color: #083b5b !important;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

input:not([disabled]) + label[for] {
  cursor: pointer;
}

input {
  border-radius: 25px !important;
  background: #FAFAFA;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
          box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 2rem;
  color: #808080;
  height: 5rem;
}
input::-webkit-input-placeholder {
  color: hsl(0, 0%, 75%);
}
input::-moz-placeholder {
  color: hsl(0, 0%, 75%);
}
input::-ms-input-placeholder {
  color: hsl(0, 0%, 75%);
}
input::placeholder {
  color: hsl(0, 0%, 75%);
}
input:focus {
  outline: solid 2px #808080;
}
input {
  font-family: inherit;
}
input[type=text] {
  border-radius: 2px;
}
input[type*=radio], input[type*=checkbox] {
  height: unset;
}
input[type*=date] {
  min-width: 15rem;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-internal-autofill-selected, input:-webkit-autofill {
  color: inherit !important;
  -webkit-animation: autofill 0s forwards !important;
  animation: autofill 0s forwards !important;
}

select {
  border-radius: 25px !important;
  background: #FAFAFA;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
          box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 2rem;
  color: #808080;
  height: 5rem;
}
select::-webkit-input-placeholder {
  color: hsl(0, 0%, 75%);
}
select::-moz-placeholder {
  color: hsl(0, 0%, 75%);
}
select::-ms-input-placeholder {
  color: hsl(0, 0%, 75%);
}
select::placeholder {
  color: hsl(0, 0%, 75%);
}
select:focus {
  outline: solid 2px #808080;
}
select {
  border-radius: 0 25px;
  -webkit-box-shadow: 0 2px 0 hsl(210, 24%, 9%);
          box-shadow: 0 2px 0 hsl(210, 24%, 9%);
  cursor: pointer;
  font-family: inherit;
  padding-right: 3rem;
}
select::-ms-expand {
  background-color: transparent;
  border: 0 solid transparent;
  display: none;
}

textarea {
  border-radius: 25px !important;
  background: #FAFAFA;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
          box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 2rem;
  color: #808080;
  height: 5rem;
}
textarea::-webkit-input-placeholder {
  color: hsl(0, 0%, 75%);
}
textarea::-moz-placeholder {
  color: hsl(0, 0%, 75%);
}
textarea::-ms-input-placeholder {
  color: hsl(0, 0%, 75%);
}
textarea::placeholder {
  color: hsl(0, 0%, 75%);
}
textarea:focus {
  outline: solid 2px #808080;
}
textarea {
  line-height: 1.2;
  text-indent: 0.5rem;
}

table a {
  cursor: pointer;
  display: inline-block;
  line-height: 1.2;
  text-decoration: underline;
}

th {
  font-weight: 400;
  padding: 0 1rem 0.5rem;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: normal;
  word-wrap: normal;
}

tbody {
  -webkit-overflow-scrolling: touch;
}

td {
  overflow: hidden;
  padding: 1rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

[data-ember-action],
[class*=__trigger] {
  cursor: pointer;
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
}
@media (min-width: 601px) {
  .container {
    width: 96%;
    width: calc(100% - 1.5rem * 2);
  }
}
@media (min-width: 901px) {
  .container {
    width: 94%;
    width: calc(100% - 1.5rem * 3);
  }
}
@media (min-width: 1201px) {
  .container {
    width: 92%;
    width: calc(100% - 1.5rem * 4);
  }
}
@media (min-width: 1801px) {
  .container {
    width: 90%;
    width: calc(100% - 1.5rem * 5);
  }
}

.row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  position: relative;
}
.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (min-width: 601px) {
  .row.reverse-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 901px) {
  .row.reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 1201px) {
  .row.reverse-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 1801px) {
  .row.reverse-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -0.75rem;
  margin-top: -0.75rem;
  position: relative;
}
.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 601px) {
  .col.reverse-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 901px) {
  .col.reverse-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 1201px) {
  .col.reverse-lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 1801px) {
  .col.reverse-xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.col-xs {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
      flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
      flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
      flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
      flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
      flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
      flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
      flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.start-xs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (min-width: 601px) {
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.667%;
  }
  .start-sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 901px) {
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333%;
  }
  .col-md-offset-2 {
    margin-left: 16.667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.333%;
  }
  .col-md-offset-5 {
    margin-left: 41.667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333%;
  }
  .col-md-offset-8 {
    margin-left: 66.667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.333%;
  }
  .col-md-offset-11 {
    margin-left: 91.667%;
  }
  .start-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 1201px) {
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.667%;
  }
  .start-lg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 1801px) {
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col-xl-2 {
    -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col-xl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col-xl-5 {
    -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col-xl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col-xl-8 {
    -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col-xl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col-xl-11 {
    -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col-xl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .col-xl-offset-1 {
    margin-left: 8.333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.667%;
  }
  .start-xl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }
  .center-xl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .end-xl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }
  .top-xl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-xl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-xl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .around-xl {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-xl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-xl {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-xl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 2201px) {
  .col-xxl,
  .col-xxl-1,
  .col-xxl-2,
  .col-xxl-3,
  .col-xxl-4,
  .col-xxl-5,
  .col-xxl-6,
  .col-xxl-7,
  .col-xxl-8,
  .col-xxl-9,
  .col-xxl-10,
  .col-xxl-11,
  .col-xxl-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .col-xxl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col-xxl-2 {
    -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col-xxl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col-xxl-5 {
    -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col-xxl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col-xxl-8 {
    -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col-xxl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col-xxl-11 {
    -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col-xxl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .col-xxl-offset-0 {
    margin-left: 0;
  }
  .col-xxl-offset-1 {
    margin-left: 8.333%;
  }
  .col-xxl-offset-2 {
    margin-left: 16.667%;
  }
  .col-xxl-offset-3 {
    margin-left: 25%;
  }
  .col-xxl-offset-4 {
    margin-left: 33.333%;
  }
  .col-xxl-offset-5 {
    margin-left: 41.667%;
  }
  .col-xxl-offset-6 {
    margin-left: 50%;
  }
  .col-xxl-offset-7 {
    margin-left: 58.333%;
  }
  .col-xxl-offset-8 {
    margin-left: 66.667%;
  }
  .col-xxl-offset-9 {
    margin-left: 75%;
  }
  .col-xxl-offset-10 {
    margin-left: 83.333%;
  }
  .col-xxl-offset-11 {
    margin-left: 91.667%;
  }
  .start-xxl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }
  .center-xxl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .end-xxl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }
  .top-xxl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .middle-xxl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bottom-xxl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .around-xxl {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .between-xxl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .first-xxl {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-xxl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.w-100 {
  width: 100% !important;
}

.w-95 {
  width: 95% !important;
}

.w-90 {
  width: 90% !important;
}

.h-auto {
  height: auto !important;
}

.h-0 {
  height: 0% !important;
}

.h-4 {
  height: 4rem !important;
}

.h-100 {
  height: 100% !important;
}

.min-h-100px {
  min-height: 100px;
}

.example {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.example > * {
  padding: 1rem;
}
.example__class-names {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}
.example__class-name {
  display: block;
  margin-bottom: 0.5rem;
}
.example__block {
  fleX: 1;
}
.example__element {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  display: grid;
  grid-gap: 1rem;
  padding: 1rem;
}
.example__element--dark {
  background-color: #222;
}
.example__element[cols="5"] {
  grid-template-columns: repeat(5, minmax(100px, 200px));
}
.example__element[cols="5"] > * {
  text-align: center;
}
.example__code {
  font-size: 0.85rem;
  padding: 1rem 0;
}
.example__code code {
  display: block;
  padding: 0.5rem 1rem;
}
.example__code code:nth-child(even) {
  background-color: #f0f0f0;
}

.sg {
  margin: 0 auto;
  max-width: 960px;
  width: 90%;
}
.sg nav {
  margin-top: 1em;
}
.sg nav a {
  background-color: hsl(214, 15%, 93%);
  font-weight: 800;
  margin-right: 1em;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
.sg nav a:hover {
  background-color: hsl(0, 71%, 66%);
}
.sg header {
  padding: 1em 0;
}
.sg section {
  margin-top: 8em;
}
.sg h1 {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 2.25rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .sg h1 {
    font-size: 3rem;
  }
}
.sg h2 {
  font-size: 1.9rem;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .sg h2 {
    font-size: 1.9rem;
  }
}
@media (min-width: 901px) {
  .sg h2 {
    font-size: 2.25rem;
  }
}
@media (min-width: 1201px) {
  .sg h2 {
    font-size: 2.5rem;
  }
}
.sg h3 {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .sg h3 {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .sg h3 {
    font-size: 2.25rem;
  }
}
.sg h4 {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .sg h4 {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .sg h4 {
    font-size: 1.35rem;
  }
}
.sg h1 small, .sg h2 small, .sg h3 small, .sg h4 small {
  display: block;
  opacity: 0.75;
}
.sg__lead {
  font-size: 1.5em;
}
.sg__block {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
}
.sg__block > *:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 2em;
  width: 200px;
}
.sg__block > *:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sg__color-samples {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(10, 40px);
  grid-template-rows: repeat(1, 40px);
  margin: 1em 0 4em;
}
.sg__color-samples > * {
  border: 1px solid hsl(214, 15%, 93%);
}

.accordion__target {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.accordion--is-show > .accordion__target {
  max-height: 1000px;
}

@media (min-width: 601px) {
  .accordion__target--mob-only {
    max-height: 100%;
  }
}
.accordion__trigger-block {
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsl(214, 15%, 93%)), to(transparent));
  background-image: -o-linear-gradient(hsl(214, 15%, 93%), transparent);
  background-image: linear-gradient(hsl(214, 15%, 93%), transparent);
  background-position: 0 50%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  padding: 1rem 0;
  text-align: center;
}
@media (max-width: 599px) {
  .accordion__trigger-block {
    margin-bottom: 0.5rem;
  }
}
.accordion__trigger {
  cursor: pointer;
}
.accordion__trigger--plus {
  background-color: white;
  border: 1px solid hsl(214, 15%, 93%);
  border-radius: 50%;
  height: 40px;
  margin: 0 auto;
  position: relative;
  width: 40px;
}
.accordion__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100%;
}
.accordion__icon[class*=minus] {
  display: none;
}
[class*=is-show] .accordion__icon[class*=minus] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.accordion__icon[class*=plus] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
[class*=is-show] .accordion__icon[class*=plus] {
  display: none;
}

.add-user {
  background-color: hsl(210, 15%, 96%);
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  right: 100%;
  opacity: 0;
  padding: 2.25rem 1rem 1rem;
  position: absolute;
  top: 100%;
  -webkit-transform: translate(25%, -48%);
      -ms-transform: translate(25%, -48%);
          transform: translate(25%, -48%);
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  visibility: hidden;
}
.add-user--is-show {
  opacity: 1;
  -webkit-transform: translate(25%, -50%);
      -ms-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
  visibility: visible;
}
.add-user > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.add-user__close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.add-user__list::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .add-user__list::-webkit-scrollbar {
    width: 0;
  }
}
.add-user__list::-webkit-scrollbar-track {
  background: transparent;
}
.add-user__list::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.add-user__list {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (landscape) {
  .add-user__list {
    padding-right: 0.75rem;
  }
}
.add-user__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 1rem;
  max-height: 10rem;
  padding: 0.25rem;
}
.add-user__user {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0.5rem 0;
}
.add-user__user > *:first-child {
  margin-right: 0.5rem;
}
.add-user__name {
  font-weight: 400;
  text-transform: none;
}

.alert {
  z-index: 750;
  background-color: #40a5c3;
  border-radius: 2px;
  color: hsl(216, 33%, 98%);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.5rem;
  padding: 0.5em 2em 0.5em 1.5em;
}
.alert p {
  line-height: inherit;
}
.alert-container {
  z-index: 750;
  bottom: 0;
  left: 0;
  height: 0;
  position: fixed;
  right: 0;
}
.alert__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 1rem;
  opacity: 0.5;
  padding: 0.25rem;
}
.alert__msg {
  margin-bottom: 1.5rem;
}
.alert__msg > *:empty {
  display: none;
}
.alert__msg > * {
  margin-right: 0.5rem;
}
.alert__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 2.25rem;
  width: 100%;
}
.alert__footer > * {
  margin-left: 1rem;
}
.alert--has-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.alert--blue {
  background-color: hsla(228, 45%, 39%, 0.9);
  color: hsl(210, 15%, 96%);
}
.alert--red-40 {
  background-color: hsla(0, 64%, 55%, 0.95);
  color: hsl(210, 15%, 96%);
}
.alert--error {
  background-color: hsla(0, 71%, 53%, 0.9);
  color: hsl(210, 15%, 96%);
}
.alert--success {
  background-color: hsla(120, 16%, 29%, 0.75);
  color: hsl(210, 15%, 96%);
}
.alert--warning {
  background-color: hsl(42, 87%, 67%);
  color: hsl(210, 15%, 96%);
}
.alert--has-interaction {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: 50%;
  min-width: 32rem;
  opacity: 0;
  padding: 2.25rem;
  position: fixed;
  top: 3.75rem;
  -webkit-transform: translate(-50%, 5%);
      -ms-transform: translate(-50%, 5%);
          transform: translate(-50%, 5%);
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  visibility: hidden;
  z-index: 2;
}
.alert--no-interaction {
  bottom: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: 50%;
  opacity: 0;
  position: fixed;
  -webkit-transform: translate(-50%, 5px);
      -ms-transform: translate(-50%, 5px);
          transform: translate(-50%, 5px);
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  visibility: hidden;
}
@media (max-width: 899px) {
  .alert--no-interaction {
    bottom: 1rem;
    left: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .alert--no-interaction span {
    margin-right: 0rem !important;
  }
}
.alert--is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.alert--xxs {
  font-size: 0.85rem;
}
.alert--xs {
  font-size: 1rem;
}
.alert--sm {
  font-size: 1.15rem;
}

.avatar {
  border-radius: 8px 2px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 3.5rem;
  position: relative;
  overflow: hidden;
  width: 3.5rem;
}
.avatar__img {
  left: 50%;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.avatar__img--as-bg {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.avatar--bordered {
  border: 2px solid hsl(210, 15%, 96%);
}
.avatar--float {
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
}
.avatar--sm {
  height: 2rem;
  width: 2rem;
}
.avatar--lg {
  height: 5rem;
  width: 5rem;
}
.avatar--xl {
  height: 8rem;
  width: 8rem;
}

.back-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsla(210, 15%, 96%, 0.1);
  border-radius: 2px;
  color: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 400;
  padding: 0.5rem;
  text-transform: uppercase;
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  white-space: nowrap;
}
.back-button:hover {
  color: #1A2E3D;
}
.back-button:hover [class*=icon] {
  color: hsl(210, 15%, 96%);
}
.back-button [class*=icon] {
  color: hsl(210, 15%, 96%);
  margin-right: 0.5rem;
  opacity: 0.5;
}

.border {
  border-color: hsl(214, 15%, 93%);
  border-style: solid;
  border-width: 0 0 1px 0;
}
.border--on-dark {
  border-color: hsla(210, 15%, 96%, 0.1);
}
.border--right {
  border-width: 0 1px 0 0;
}
.border--top {
  border-width: 1px 0 0 0;
}
.border--xl {
  border-width: 0 0 4px 0;
}
.border--xl[class*="--right"] {
  border-width: 0 4px 0 0;
}
.border--xl[class*="--top"] {
  border-width: 4px 0 0 0;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.breadcrumb__node {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: 0.5rem;
}
.breadcrumb__node > * {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.breadcrumb__node::before {
  margin-left: 0.5rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (-moz-touch-enabled: 1), (hover: hover), (hover: on-demand) {
  .breadcrumb__link:hover {
    text-decoration: underline;
  }
}
@-moz-document url-prefix() {
  .breadcrumb__link:hover {
    text-decoration: underline;
  }
}

.btn--is-toggle [class*=__active],
.btn--is-toggle [class*=__disabled], .btn--is-toggle [class*=__default] {
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  -webkit-transition-timing-function: var(--ease-in-out-quad);
       -o-transition-timing-function: var(--ease-in-out-quad);
          transition-timing-function: var(--ease-in-out-quad);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0 solid transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1rem;
  font-weight: 400;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  white-space: nowrap;
}
.btn > span {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.btn {
  background-color: #4D5457;
  border-radius: 8px;
  color: hsl(210, 15%, 96%);
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 1em 1.5em 0.75em;
}
@media (hover: hover) {
  .btn:hover {
    background-color: #1A2E3D;
  }
}
.btn--endclass {
  padding: 0.75em 1.5em 0.75em;
  border-radius: 35px !important;
  width: 100%;
  min-width: 22rem;
  max-width: 30rem;
}
.btn--adulto {
  background-color: #1A2E3D;
  color: #fafafa;
  border-radius: 20px;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}
.btn--adulto:hover {
  background-color: rgba(21, 37, 49, 0.7215686275);
}
.btn--medio {
  border-radius: 20px;
  color: #fafafa;
  border-radius: 20px;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}
.btn--medio-3 {
  background-color: #3FA5C3;
}
.btn--medio-3:hover {
  background-color: rgba(55, 142, 169, 0.7215686275);
}
.btn--medio-2 {
  background-color: #C23E64;
}
.btn--medio-2:hover {
  background-color: rgba(168, 55, 87, 0.7215686275);
}
.btn--medio-1 {
  background-color: #546B43;
}
.btn--medio-1:hover {
  background-color: rgba(64, 82, 52, 0.7215686275);
}
.btn--fundamental {
  border-radius: 20px;
  color: #fafafa;
  border-radius: 20px;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}
.btn--fundamental-9 {
  background-color: #3E50C2;
}
.btn--fundamental-9:hover {
  background-color: rgba(53, 69, 168, 0.7215686275);
}
.btn--fundamental-8 {
  background-color: #FF6159;
}
.btn--fundamental-8:hover {
  background-color: rgba(220, 84, 77, 0.7215686275);
}
.btn--fundamental-7 {
  background-color: #C29E3E;
}
.btn--fundamental-7:hover {
  background-color: rgba(163, 133, 52, 0.7215686275);
}
.btn--fundamental-6 {
  background-color: #3EC2B6;
}
.btn--fundamental-6:hover {
  background-color: rgba(52, 160, 151, 0.7215686275);
}
.btn--autorrelato {
  background-color: #3FA5C3;
  color: #fff;
}
@media (hover: hover) {
  .btn--autorrelato:hover {
    background-color: #086083;
    color: #fff;
  }
}
.btn--setorpublico {
  background-color: #28346F;
  color: #fff;
}
@media (hover: hover) {
  .btn--setorpublico:hover {
    background-color: #343c62;
    color: #fff;
  }
}
.btn--heterorrelato {
  background-color: #8771AB;
  color: #fff;
}
@media (hover: hover) {
  .btn--heterorrelato:hover {
    background-color: #84739e;
    color: #fff;
  }
}
.btn--ghost {
  background-color: transparent;
  border: 2px solid #083b5b;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #1A2E3D;
}
.btn--ghost:hover {
  background-color: hsla(210, 15%, 96%, 0.25);
  color: #1A2E3D;
}
.btn__count {
  font-style: italic;
  opacity: 0.85;
  margin-left: 0.25rem;
}
.btn__icon {
  font-weight: 700;
  margin-right: 0.5rem;
  opacity: 0.65;
}
.btn--has-icon {
  padding: 0.75em 1.15em 0.65em 1.5em;
}
.btn--icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 1px 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.572em;
  width: 2rem;
}
.btn--icon::before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5em;
}
.btn--icon:not([class*=is-toggle]) span {
  display: block;
  outline: 10px solid crimson;
  text-align: center;
}
.btn--icon:not([class*=is-toggle]) span::before {
  content: "SPAN DESNECESSÁRIO";
}
.btn--disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.btn--is-toggle {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  position: relative;
  text-align: left;
}
.btn--is-toggle [class*=__default] {
  height: 100%;
  position: absolute;
}
.btn--is-toggle [class*=__active],
.btn--is-toggle [class*=__disabled] {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.btn--is-toggle--on [class*=__default] {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.btn--is-toggle--on [class*=__active] {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.btn--is-toggle--disabled [class*=__default] {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.btn--is-toggle--disabled [class*=__disabled] {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.btn--is-toggle--disabled:hover {
  background-color: hsla(210, 15%, 8%, 0.15);
  background-image: none;
}
.btn--is-swap {
  color: hsl(209, 18%, 35%) !important;
}
.btn--is-swap--on {
  color: hsl(227, 50%, 57%) !important;
}
.btn--close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 2;
}
.btn--link {
  position: relative;
  overflow: visible;
}
.btn--link > * {
  position: relative;
  z-index: 2;
}
.btn--link::before {
  color: hsl(210, 15%, 96%) !important;
  background-color: #4D5457;
  border-radius: 8px;
  content: "";
  height: calc(100% + 0.5rem * 2);
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 200ms var(--ease-in-out-quad);
  -o-transition: 200ms var(--ease-in-out-quad);
  transition: 200ms var(--ease-in-out-quad);
  visibility: hidden;
  width: 100%;
  padding: 0.2rem;
  z-index: -1;
}
.btn--link:hover {
  color: hsl(210, 15%, 96%);
}
.btn--link:hover::before {
  opacity: 1;
  visibility: visible;
}
.btn--link:hover .icon-online-learning {
  content: url(/assets/img/online-learning-n.svg);
  width: 1rem;
  height: 1.5rem;
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn--link {
    border-radius: 1px;
    background-color: transparent;
    padding: 0.5rem 1rem;
  }
  .btn--link::before {
    display: none;
  }
  .btn--link:hover {
    background-color: hsl(0, 77%, 78%);
  }
}
.btn--link {
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: inherit;
  padding: 0;
  text-shadow: none;
  z-index: 2;
}
.btn--link::after {
  border-bottom-width: 4px;
  border-bottom-style: dotted;
  border-bottom-color: #4D5457;
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  top: 100%;
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  will-change: opacity;
  width: 100%;
}
.btn--link:hover::after {
  opacity: 0;
}
.btn--link:hover {
  background-color: transparent;
  background-image: none;
  cursor: pointer;
}
[class*=btn--text] {
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  padding: 0;
}
[class*=btn--text]:hover {
  background-color: transparent;
  background-image: none;
}

.btn--text {
  color: hsl(209, 20%, 26%);
}
.btn--text:hover {
  color: #1A2E3D;
}
.btn--text-inverted {
  color: hsl(209, 14%, 44%);
}
.btn--text-inverted:hover {
  color: hsl(209, 20%, 26%);
}
.btn--secondary {
  background-color: hsl(227, 50%, 57%);
  color: hsl(221, 68%, 94%);
}
.btn--secondary:hover {
  background-color: #f1f1f1;
}
.btn--dark-gray {
  background-color: hsl(209, 26%, 20%);
  background-image: none;
}
@media (-moz-touch-enabled: 1), (hover: hover), (hover: on-demand) {
  .btn--dark-gray:hover {
    background-color: hsl(209, 28%, 18%);
    background-image: none;
  }
}
@-moz-document url-prefix() {
  .btn--dark-gray:hover {
    background-color: hsl(209, 28%, 18%);
    background-image: none;
  }
}
.btn--success {
  background-color: hsl(120, 22%, 23%);
  background-image: none;
}
@media (-moz-touch-enabled: 1), (hover: hover), (hover: on-demand) {
  .btn--success:hover {
    background-color: hsl(120, 24%, 21%);
    background-image: none;
  }
}
@-moz-document url-prefix() {
  .btn--success:hover {
    background-color: hsl(120, 24%, 21%);
    background-image: none;
  }
}
.btn--xs {
  font-size: 0.85rem;
}
.btn--sm {
  font-size: 1.15rem;
}
.btn--sm.btn--icon {
  height: 2.25rem;
  padding: 0.75em;
  width: 2.25rem;
}
.btn--lg {
  font-size: 1.35rem;
}
.btn-group > *:not(:last-child) {
  margin-right: 1rem;
}
.btn-group--xxs > *:not(:last-child) {
  margin-right: 0.25rem;
}
.btn-group--xs > *:not(:last-child) {
  margin-right: 0.5rem;
}

.calendar {
  width: 100%;
}
.calendar--list > * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.calendar--list .calendar__date {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  margin-right: 2.25rem;
  padding-bottom: 0.5rem;
}

.capsule {
  background-color: hsl(209, 14%, 44%);
  border-radius: 2px;
  color: hsl(210, 15%, 96%);
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0.5em 1.5em;
  text-align: center;
  text-transform: uppercase;
}
.capsule[class*=engagement] {
  background-color: #F5BA2D;
  color: hsl(210, 24%, 14%);
}
.capsule[class*=kindness] {
  background-color: #E61646;
  color: hsl(210, 24%, 14%);
}
.capsule[class*=management] {
  background-color: #5FB44D;
  color: hsl(210, 24%, 14%);
}
.capsule[class*=openness] {
  background-color: #765BA4;
  color: hsl(210, 24%, 14%);
}
.capsule[class*=resilience] {
  background-color: #44A0D9;
  color: hsl(210, 24%, 14%);
}
.capsule--error {
  background-color: hsl(0, 71%, 53%);
}
.capsule--info {
  background-color: hsl(194, 53%, 45%);
}
.capsule--success {
  background-color: hsl(120, 16%, 29%);
}
.capsule--warning {
  background-color: hsl(42, 87%, 67%);
}
.capsule--xxs {
  font-size: 10px;
  padding-left: 1em;
  padding-right: 1em;
}
.capsule--round {
  border-radius: 99rem;
}

.card {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  background-color: hsl(216, 33%, 98%);
  color: hsl(210, 24%, 14%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card__cover {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: block;
  height: 50%;
  min-height: 170px;
  width: 100%;
}
@media (min-width: 601px) {
  .card__cover {
    min-height: 150px;
  }
}
.card__title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .card__title {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .card__title {
    font-size: 1.35rem;
  }
}
.card__title {
  color: hsl(227, 42%, 47%);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 1.5rem 0 1rem;
}
.card__cta {
  margin-bottom: 1rem;
  margin-top: auto;
}

@font-face {
  font-family: "Conigen";
  src: url("/assets/Conigen-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}
.swing-in-top-fwd {
  -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
.carousel {
  position: relative;
}
.carousel__step {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  visibility: hidden;
  width: 100%;
}
.carousel__step__advice-wrapper {
  position: relative;
}
.carousel__step--advice-result {
  font-size: 1rem;
  font-weight: 300;
  position: absolute;
  bottom: -90%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  text-transform: none;
  color: hsl(227, 42%, 47%);
  font-family: poppins;
}
.carousel__step--advice-result > span {
  line-height: 1.4rem;
}
.carousel__step--advice-result > span > strong {
  font-weight: 400;
}
.carousel__step-iaError {
  display: none;
  margin: auto;
  padding: 2rem;
  background-color: hsl(214, 15%, 93%);
  color: hsl(209, 14%, 44%);
  border-radius: 0px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 899px) {
  .carousel__step-iaError {
    padding: 1rem;
  }
}
.carousel__step-iaError-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 40% !important;
          flex: 0 1 40% !important;
}
.carousel__step-iaError img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}
@media (max-width: 899px) {
  .carousel__step-iaError img {
    max-width: 50% !important;
    margin: auto auto 1rem auto;
  }
}
.carousel__step-iaError--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 899px) {
  .carousel__step-iaError--show {
    display: block;
  }
}
.carousel__step-iaError--show-techError {
  color: red;
  font-size: 14px !important;
}
.carousel__step-iaError--show > span {
  line-height: 2.2rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  margin-left: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
}
.carousel__step-iaError--show > span p {
  margin-bottom: 1.8rem;
  font-size: 1.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
}
@media (min-width: 1201px) {
  .carousel__step-iaError--show > span p {
    font-size: 2rem;
  }
}
@media (max-width: 899px) {
  .carousel__step-iaError--show > span p {
    font-size: 1.4rem;
  }
}
.carousel__step-iaError--show > .row {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin: 1rem;
}
@media (max-width: 899px) {
  .carousel__step-iaError--show > .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .carousel__step-iaError--show > .row > .btn {
    font-size: 14px;
  }
}
.carousel__step-iaError--msg {
  color: hsl(0, 70%, 42%);
  text-align: left;
  margin: 0 auto 0 auto;
}
.carousel__step--laudoContents {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 899px) {
  .carousel__step--laudoContents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.carousel__step--resultados {
  position: relative;
}
.carousel__step--ebook {
  position: relative;
  height: 100%;
  width: 100%;
  margin-top: 18rem;
  left: 0;
  z-index: 10;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1199px) {
  .carousel__step--ebook {
    margin-top: 9rem;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook {
    margin-top: 2rem;
    width: 100%;
  }
}
@media (max-width: 599px) {
  .carousel__step--ebook {
    margin-top: 1rem;
  }
}
.carousel__step--ebook--load-report {
  width: 100%;
  height: 34px;
  background: -o-repeating-linear-gradient(135deg, hsl(227, 42%, 47%) 0 15px, #FAFAFA 0 20px) left/200% 100%;
  background: repeating-linear-gradient(-45deg, hsl(227, 42%, 47%) 0 15px, #FAFAFA 0 20px) left/200% 100%;
  -webkit-animation: l3 10s infinite linear;
          animation: l3 10s infinite linear;
  position: absolute;
  border-radius: 10px;
}
.carousel__step--ebook--load-report-message {
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%);
  color: black;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  width: 100%;
}
@-webkit-keyframes l3 {
  100% {
    background-position: right;
  }
}
@keyframes l3 {
  100% {
    background-position: right;
  }
}
.carousel__step--ebook__fundo {
  width: 100%;
  height: 60%;
  background-color: #FAFAFA;
  position: absolute;
  bottom: -1px;
}
.carousel__step--ebook__fundo--adulto {
  height: 66%;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__fundo--adulto {
    height: 78% !important;
  }
}
@media (max-width: 1199px) and (min-height: 1360px) {
  .carousel__step--ebook__fundo--adulto {
    height: 81% !important;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__fundo--adulto {
    height: 60% !important;
  }
}
@media (max-width: 599px) {
  .carousel__step--ebook__fundo--adulto {
    height: 66% !important;
  }
}
@media (max-height: 900px) {
  .carousel__step--ebook__fundo--adulto {
    height: 60%;
  }
}
.carousel__step--ebook__fundo--efaf {
  height: 10%;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__fundo--efaf {
    height: 40%;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__fundo--efaf {
    height: 0%;
  }
}
.carousel__step--ebook__main-wrapper {
  width: 100%;
  background-color: transparent;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.carousel__step--ebook__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  padding: 5rem 11rem 0 0;
  position: absolute;
  width: 1140px;
  z-index: 100;
  justify-self: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.carousel__step--ebook__title > p {
  font-size: clamp(20px, 3.5vw, 32px);
  line-height: 48px;
}
@media (max-width: 1140px) {
  .carousel__step--ebook__title > p {
    line-height: 40px;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__title > p {
    line-height: 30px;
  }
}
.carousel__step--ebook__title > p > span {
  font-size: clamp(26px, 5.4vw, 56px);
}
@media (max-width: 1199px) {
  .carousel__step--ebook__title {
    padding: 0 calc(40% - 323px) 0 0;
    width: 100%;
    justify-self: center;
    -webkit-transform: translateY(-1vw);
        -ms-transform: translateY(-1vw);
            transform: translateY(-1vw);
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__title {
    padding: 0 0 0 0;
    right: 1dvw;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 2rem;
  }
}
@media (max-height: 800px) {
  .carousel__step--ebook__title {
    padding-top: 2rem;
  }
}
.carousel__step--ebook__image {
  position: absolute;
}
.carousel__step--ebook__image > img {
  width: auto;
  height: 537px;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
@media (max-width: 1199px) {
  .carousel__step--ebook__image > img {
    height: auto;
    width: 30vw;
    max-width: 400px;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__image > img {
    height: auto;
    width: 50%;
    -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
            transform: translateX(25px);
  }
}
@media (max-width: 599px) {
  .carousel__step--ebook__image > img {
    width: 60%;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__image {
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel__step--ebook__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 1140px;
  margin: 0 auto;
  bottom: 0;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__wrapper {
    width: 93%;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__wrapper {
    width: 100%;
  }
}
.carousel__step--ebook__content {
  width: 100%;
  position: relative;
  padding-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.carousel__step--ebook__content--esquerda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.carousel__step--ebook__content--direita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 0 0 30rem;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__content--direita {
    padding: 0 0 0 20rem;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita {
    padding: 0 0 0 0;
    width: 100%;
  }
}
@media (max-height: 800px) {
  .carousel__step--ebook__content--direita {
    -webkit-transform: translateY(-2rem);
        -ms-transform: translateY(-2rem);
            transform: translateY(-2rem);
  }
}
.carousel__step--ebook__content--direita__message {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #808080;
  width: 85%;
}
.carousel__step--ebook__content--direita__message > h1 {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__content--direita__message > h1 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita__message > h1 {
    text-align: center;
  }
}
.carousel__step--ebook__content--direita__message > p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita__message > p {
    text-align: center;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita__message {
    width: 100%;
  }
}
.carousel__step--ebook__content--direita__cta {
  margin-top: 2.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  position: relative;
}
.carousel__step--ebook__content--direita__cta-btn {
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#3FA5C3), to(#765AA3));
  background: -o-linear-gradient(top, #3FA5C3 0%, #765AA3 100%);
  background: linear-gradient(180deg, #3FA5C3 0%, #765AA3 100%);
  font-weight: 700;
  color: #F3F0F8;
  font-size: 22px;
  line-height: 100%;
  padding: 20px 55px;
  border-radius: 10px;
  height: 67px;
  position: relative;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__content--direita__cta-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 81px;
    text-align: center;
    line-height: 32px;
  }
  .carousel__step--ebook__content--direita__cta-btn > span {
    line-height: 30px;
  }
}
@media (max-width: 599px) {
  .carousel__step--ebook__content--direita__cta-btn {
    height: 58px;
  }
}
.carousel__step--ebook__content--direita__cta-btn--hover {
  background: -webkit-gradient(linear, left top, right top, from(#765AA3), to(#3FA5C3));
  background: -o-linear-gradient(left, #765AA3 0%, #3FA5C3 100%);
  background: linear-gradient(90deg, #765AA3 0%, #3FA5C3 100%);
  -webkit-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  display: block;
  font-weight: 700;
  color: #F3F0F8;
  font-size: 22px;
  line-height: 100%;
  padding: 20px 55px;
  border-radius: 10px;
  height: 67px;
  position: absolute;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__content--direita__cta-btn--hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 81px;
    text-align: center;
  }
  .carousel__step--ebook__content--direita__cta-btn--hover > span {
    line-height: 30px;
  }
}
@media (max-width: 599px) {
  .carousel__step--ebook__content--direita__cta-btn--hover {
    height: 58px;
  }
}
.carousel__step--ebook__content--direita__cta-btn--hover:hover {
  opacity: 0;
}
@media (max-width: 599px) {
  .carousel__step--ebook__content--direita__cta-btn-label--desktop {
    display: none;
  }
}
.carousel__step--ebook__content--direita__cta-btn-label--mobile {
  display: none;
}
@media (max-width: 599px) {
  .carousel__step--ebook__content--direita__cta-btn-label--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel__step--ebook__content--direita__cta-btn--confirmation {
  margin-top: 2.8rem;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 90px;
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita__cta-btn--confirmation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
.carousel__step--ebook__content--direita__cta-btn--confirmation > svg {
  height: 100px;
  margin-left: -20%;
  position: relative;
  justify-self: flex-end;
  width: auto;
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita__cta-btn--confirmation > svg {
    height: 200px;
    margin: 0;
  }
}
.carousel__step--ebook__content--direita__cta-btn--confirmation > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #0A3C5B;
  font-size: 1.8rem;
  font-weight: 500;
  justify-self: flex-start;
  padding-left: 1rem;
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita__cta-btn--confirmation > span {
    font-size: 1.6rem;
  }
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--direita__cta {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.carousel__step--ebook__content--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 4rem;
}
@media (max-width: 1025px) {
  .carousel__step--ebook__content--bottom {
    margin-top: 0;
  }
}
.carousel__step--ebook__content--bottom__title {
  display: block;
  font-weight: 600;
  color: #808080;
  padding: 2rem 0 1rem 0;
}
.carousel__step--ebook__content--bottom__title > p {
  font-size: 24px;
}
@media (max-width: 899px) {
  .carousel__step--ebook__content--bottom__title > p {
    font-size: 20px;
  }
}
.carousel__step--ebook__content--bottom__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  gap: 24px;
  counter-reset: card-counter;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__content--bottom__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.carousel__step--ebook__content--bottom__cards--card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 270px;
  border-radius: 20px 0 20px 0;
  width: 26rem;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863);
  background-color: #fff;
  counter-increment: card-counter;
  position: relative;
  color: #808080;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.carousel__step--ebook__content--bottom__cards--card::before {
  content: counter(card-counter) ".";
  color: #DEDEDE;
  position: absolute;
  font-size: 64px;
  line-height: 50px;
  right: 0;
  font-family: "Conigen", sans-serif;
  padding: 1.4rem 2rem;
  z-index: 999;
}
@media (max-width: 1199px) {
  .carousel__step--ebook__content--bottom__cards--card {
    width: 100%;
    height: 180px;
  }
}
@media (max-width: 599px) {
  .carousel__step--ebook__content--bottom__cards--card {
    height: 270px;
  }
}
.carousel__step--ebook__content--bottom__cards--card-topo {
  display: block;
  height: 20%;
  width: 80%;
  position: relative;
}
.carousel__step--ebook__content--bottom__cards--card-topo--1 {
  background: -webkit-gradient(linear, left top, right top, from(#8AB925), to(#FFFFFF));
  background: -o-linear-gradient(left, #8AB925 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #8AB925 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-topo--2 {
  background: -webkit-gradient(linear, left top, right top, from(#F4BB2F), to(#FFFFFF));
  background: -o-linear-gradient(left, #F4BB2F 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #F4BB2F 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-topo--3 {
  background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#FFFFFF));
  background: -o-linear-gradient(left, #3FA5C3 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #3FA5C3 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-topo--autogestao {
  background: -webkit-gradient(linear, left top, right top, from(#8AB925), to(#FFFFFF));
  background: -o-linear-gradient(left, #8AB925 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #8AB925 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-topo--engajamento {
  background: -webkit-gradient(linear, left top, right top, from(#F4BB2F), to(#FFFFFF));
  background: -o-linear-gradient(left, #F4BB2F 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #F4BB2F 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-topo--amabilidade {
  background: -webkit-gradient(linear, left top, right top, from(#E61D47), to(#FFFFFF));
  background: -o-linear-gradient(left, #E61D47 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #E61D47 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-topo--modulacao {
  background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#FFFFFF));
  background: -o-linear-gradient(left, #3FA5C3 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #3FA5C3 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-topo--abertura {
  background: -webkit-gradient(linear, left top, right top, from(#765AA3), to(#FFFFFF));
  background: -o-linear-gradient(left, #765AA3 0%, #FFFFFF 100%);
  background: linear-gradient(90deg, #765AA3 0%, #FFFFFF 100%);
}
.carousel__step--ebook__content--bottom__cards--card-main {
  height: 100%;
  padding: 0 2.5rem 0.5rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}
.carousel__step--ebook__content--bottom__cards--card-main > h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 21px;
  line-height: 22px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 2rem;
}
.carousel__step--ebook__content--bottom__cards--card-main > p {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.carousel__step--contents-direita {
  width: 45%;
  margin-left: 3%;
}
.carousel__step--contents-direita .titulo {
  width: 100% !important;
  text-align: left !important;
  display: inline-block;
  margin: 0rem !important;
  color: #808080;
}
@media (max-width: 599px) {
  .carousel__step--contents-direita .titulo {
    text-align: center !important;
    width: 90% !important;
    font-size: 1.25rem !important;
  }
}
.carousel__step--contents-direita .line-divisor {
  width: 100%;
  height: 1px;
  background-color: #3FA5C3;
  border-radius: 10px;
  margin: 1rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.carousel__step--contents-direita--icone {
  position: absolute;
  right: 0rem;
  top: -1rem;
  width: 14rem;
}
.carousel__step--contents-direita--icone img {
  width: 3rem !important;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.08), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.08), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}
@media (max-width: 899px) {
  .carousel__step--contents-direita--icone {
    width: auto;
  }
}
@media (max-width: 599px) {
  .carousel__step--contents-direita--icone {
    right: 0rem;
    top: -0.5rem;
  }
}
.carousel__step--contents-direita__blocos {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.carousel__step--contents-direita__blocos button {
  color: #3fa5c3;
  font-size: 1.1rem;
  font-weight: 600;
  width: 100%;
  margin: 0.5rem 0rem;
}
@media (max-width: 599px) {
  .carousel__step--contents-direita__blocos button {
    margin: 1rem 0rem;
  }
}
.carousel__step--contents-direita__blocos--comp {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-block;
  border-radius: 6px;
  color: #ffffff;
  text-align: center;
  margin: 0.5rem;
  line-height: 2.75rem;
  font-weight: 600;
  font-size: 1.5rem;
  -webkit-box-shadow: inset 3px 3px 3px 0px rgba(255, 255, 255, 0.1), inset -3px -3px 3px 0px rgba(0, 0, 0, 0.05);
          box-shadow: inset 3px 3px 3px 0px rgba(255, 255, 255, 0.1), inset -3px -3px 3px 0px rgba(0, 0, 0, 0.05);
}
.carousel__step--contents-direita__blocos--comp--autogestao {
  background-color: #5fb34b !important;
}
.carousel__step--contents-direita__blocos--comp--abertura {
  background-color: #765ba4 !important;
}
.carousel__step--contents-direita__blocos--comp--engajamento {
  background-color: #f5ba2f !important;
}
.carousel__step--contents-direita__blocos--comp--amabilidade {
  background-color: #e61e44 !important;
}
.carousel__step--contents-direita__blocos--comp--modulacao {
  background-color: #4ea3da !important;
}
@media (max-width: 599px) {
  .carousel__step--contents-direita__blocos--comp {
    display: inline;
    text-align: center;
    padding: 0.3rem;
    line-height: 2rem;
  }
}
.carousel__step--contents-direita__blocos--comparacao {
  background-repeat: no-repeat;
  background-size: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
}
.carousel__step--contents-direita__blocos--comparacao::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0.5rem);
      -ms-transform: translateX(-50%) translateY(0.5rem);
          transform: translateX(-50%) translateY(0.5rem);
  background: rgba(12, 36, 53, 0.9);
  color: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.carousel__step--contents-direita__blocos--comparacao::before {
  content: "";
  position: absolute;
  bottom: 110%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(12, 36, 53, 0.9);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 100;
}
.carousel__step--contents-direita__blocos--comparacao:hover::after, .carousel__step--contents-direita__blocos--comparacao:hover::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.carousel__step--contents-direita__blocos--comparacao--1 {
  background-image: url(/assets/img/plataforma/icone-melhor.png);
  height: 2rem !important;
  width: 1.75rem !important;
  margin-top: 0.25rem;
}
.carousel__step--contents-direita__blocos--comparacao--2 {
  background-image: url(/assets/img/plataforma/icone-igual.png);
  height: 2rem !important;
  width: 2.2rem !important;
}
.carousel__step--contents-direita__blocos--comparacao--3 {
  background-image: url(/assets/img/plataforma/icone-igual.png);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  height: 2rem !important;
  width: 2.2rem !important;
}
.carousel__step--contents-direita__blocos--comparacao--3::after {
  -webkit-transform: translateX(-50%) translateY(0.5rem) rotate(-180deg);
      -ms-transform: translateX(-50%) translateY(0.5rem) rotate(-180deg);
          transform: translateX(-50%) translateY(0.5rem) rotate(-180deg);
}
.carousel__step--contents-direita__blocos--comparacao--3::before {
  -webkit-transform: translateX(-50%) rotate(-180deg);
      -ms-transform: translateX(-50%) rotate(-180deg);
          transform: translateX(-50%) rotate(-180deg);
}
.carousel__step--contents-direita__blocos--comparacao--3:hover::after {
  -webkit-transform: translateX(-50%) translateY(0) rotate(-180deg);
      -ms-transform: translateX(-50%) translateY(0) rotate(-180deg);
          transform: translateX(-50%) translateY(0) rotate(-180deg);
}
.carousel__step--contents-direita__blocos--comparacao--3:hover::before {
  -webkit-transform: translateX(-50%) rotate(-180deg);
      -ms-transform: translateX(-50%) rotate(-180deg);
          transform: translateX(-50%) rotate(-180deg);
}
.carousel__step--contents-direita__blocos--comparacao--4 {
  background-image: url(/assets/img/plataforma/icone-pior.png);
  height: 2rem !important;
  width: 1.75rem !important;
  margin-top: 0.25rem;
}
@media (max-width: 599px) {
  .carousel__step--contents-direita__blocos--box {
    display: ruby;
  }
}
@media (max-width: 599px) {
  .carousel__step--contents-direita__blocos {
    display: inline;
  }
}
@media (max-width: 899px) {
  .carousel__step--contents-direita__blocos {
    display: block;
  }
}
@media (max-width: 1199px) {
  .carousel__step--contents-direita__blocos {
    display: block;
  }
}
@media (max-width: 1199px) {
  .carousel__step--contents-direita {
    width: 50%;
  }
}
@media (max-width: 899px) {
  .carousel__step--contents-direita {
    width: 100%;
    margin: 6rem auto 2rem;
    position: relative;
  }
}
@media (max-width: 599px) {
  .carousel__step--contents-direita {
    margin: 8rem auto 2rem;
    width: 100%;
  }
}
.carousel__step--contents-esquerda {
  display: block;
  position: relative;
  width: 55%;
}
@media (max-width: 899px) {
  .carousel__step--contents-esquerda {
    width: 100% !important;
  }
}
@media (max-width: 1199px) {
  .carousel__step--contents-esquerda {
    width: 50%;
    margin-right: 1rem;
  }
}
@media (max-width: 599px) {
  .carousel__step--contents-esquerda {
    height: 70vh;
  }
}
.carousel__step--contents-otimo {
  background-color: #0a3d5c;
  width: 100% !important;
  color: white;
  min-height: 10rem;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
  border: 7px solid transparent;
  position: relative;
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1em;
  padding: 0.5rem 1rem;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
}
.carousel__step--contents-otimo p {
  text-align: center;
  font-weight: 300;
  margin: 0.25rem 0rem 0rem 0rem !important;
  padding: 1rem;
}
.carousel__step--contents-otimo img {
  width: 3rem !important;
}
.carousel__step--contents-otimo b {
  text-align: center;
  font-weight: 600;
}
.carousel__step--contents-bem {
  background-color: #518499;
  width: 100% !important;
  color: white;
  min-height: 10rem;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
  border: 2px solid transparent;
  position: relative;
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1em;
  padding: 0.5rem 1rem;
  margin: 1.5rem auto 0rem;
  text-align: center;
  height: auto;
}
.carousel__step--contents-bem p {
  text-align: center;
  font-weight: 300;
  margin: 0.25rem 0rem 0rem 0rem !important;
  padding: 1rem;
}
.carousel__step--contents-bem img {
  width: 3rem !important;
}
.carousel__step--contents-bem b {
  text-align: center;
  font-weight: 600;
}
.carousel__step--contents-basico {
  background-color: #8faab5;
  width: 100% !important;
  color: white;
  min-height: 10rem;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
  border: 2px solid transparent;
  position: relative;
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1em;
  padding: 0.5rem 1rem;
  margin: 1.5rem auto 0rem;
  text-align: center;
  height: auto;
}
.carousel__step--contents-basico p {
  text-align: center;
  font-weight: 300;
  margin: 0.25rem 0rem 0rem 0rem !important;
  padding: 1rem;
}
.carousel__step--contents-basico img {
  width: 3rem !important;
}
.carousel__step--contents-basico b {
  text-align: center;
  font-weight: 600;
}
.carousel__step--contents-pouco {
  background-color: #beccd1;
  width: 100% !important;
  color: white;
  min-height: 10rem;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
  position: relative;
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1em;
  padding: 0.5rem 1rem;
  margin: 1.5rem auto 0rem;
  text-align: center;
  height: auto;
}
.carousel__step--contents-pouco p {
  text-align: center;
  font-weight: 300;
  margin: 0.25rem 0rem 0rem 0rem !important;
  padding: 1rem;
}
.carousel__step--contents-pouco img {
  width: 3rem !important;
}
.carousel__step--contents-pouco b {
  text-align: center;
  font-weight: 600;
}
.carousel__step--contents-legenda {
  background: -webkit-gradient(linear, left top, right top, from(#BDD1DB), to(#0A3C5B)) padding-box, -webkit-gradient(linear, left top, right top, from(#BDD1DB), to(#0A3C5B)) border-box;
  background: -o-linear-gradient(left, #BDD1DB, #0A3C5B) padding-box, -o-linear-gradient(left, #BDD1DB, #0A3C5B) border-box;
  background: linear-gradient(to right, #BDD1DB, #0A3C5B) padding-box, linear-gradient(to right, #BDD1DB, #0A3C5B) border-box;
  width: 100% !important;
  color: white;
  min-height: 2rem;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15), -5px -5px 10px 0px rgba(0, 0, 0, 0.04);
  padding: 0.5rem 1rem;
  margin: 1.5rem auto 0rem;
  font-size: 1em;
}
.carousel__step--contents-legenda--icone {
  background-repeat: no-repeat;
  background-size: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.carousel__step--contents-legenda--icone--1 {
  background-image: url(/assets/img/plataforma/icone-melhor.png);
  height: 2rem !important;
  width: 1.75rem !important;
}
.carousel__step--contents-legenda--icone--2 {
  background-image: url(/assets/img/plataforma/icone-igual.png);
  height: 2rem !important;
  width: 2.2rem !important;
}
.carousel__step--contents-legenda--icone--3 {
  background-image: url(/assets/img/plataforma/icone-igual.png);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  height: 2rem !important;
  width: 2.2rem !important;
  margin-top: -0.25rem;
}
.carousel__step--contents-legenda--icone--4 {
  background-image: url(/assets/img/plataforma/icone-pior.png);
  height: 2rem !important;
  width: 1.75rem !important;
}
.carousel__step--contents-legenda p {
  text-align: end;
  font-weight: 300;
  font-size: 0.8rem;
  width: 70%;
  margin: 0rem !important;
}
@media (max-width: 599px) {
  .carousel__step--contents-legenda p {
    margin-left: 0.45rem !important;
    width: 60%;
  }
}
.carousel__step--contents-otimo-autoper {
  font-size: 1em;
  color: #3fa5c3;
  width: 48% !important;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
  min-height: 20rem;
  width: 300px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9px 9px 9px 9px;
  border-radius: 2rem;
  background-image: -webkit-linear-gradient(top, #3e50c2, #8895e4);
}
.carousel__step--contents-otimo-autoper .interna {
  width: 100% !important;
  height: auto;
  min-height: 19.8rem;
  border-radius: 1.5rem;
  background: #fff;
}
.carousel__step--contents-otimo-autoper .interna p {
  text-align: center;
  font-weight: 300;
  margin: 0rem 1rem 0rem 1rem !important;
  border-bottom: 1px solid #75b6c9;
  padding: 1rem;
}
.carousel__step--contents-otimo-autoper b {
  text-align: center;
  font-weight: 600;
}
@media (max-width: 599px) {
  .carousel__step--contents-otimo-autoper {
    width: 90% !important;
  }
}
.carousel__step--contents-bem-autoper {
  font-size: 1em;
  color: #3fa5c3;
  width: 48% !important;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
  font-size: 1em;
  color: #3fa5c3;
  width: 48% !important;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
  min-height: 20rem;
  width: 300px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 1px 1px 1px;
  border-radius: 2rem;
  background-image: -webkit-gradient(top, from(#3fa5c3), to(#b4cbd1));
  background-image: -o-linear-gradient(top, #3fa5c3, #b4cbd1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3fa5c3), to(#b4cbd1));
  background-image: linear-gradient(top, #3fa5c3, #b4cbd1);
}
.carousel__step--contents-bem-autoper .interna {
  width: 100% !important;
  height: auto;
  min-height: 20.9rem;
  border-radius: 1.9rem;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.carousel__step--contents-bem-autoper .interna p {
  text-align: center;
  font-weight: 300;
  margin: 0rem 1rem 0rem 1rem !important;
  border-bottom: 1px solid #75b6c9;
  padding: 1rem;
}
.carousel__step--contents-bem-autoper b {
  text-align: center;
  font-weight: 600;
}
@media (max-width: 599px) {
  .carousel__step--contents-bem-autoper {
    width: 90% !important;
  }
}
.carousel__step--contents-basico-autoper {
  font-size: 1em;
  color: #3fa5c3;
  width: 48% !important;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
  font-size: 1em;
  color: #3fa5c3;
  width: 48% !important;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
  min-height: 20rem;
  width: 300px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 1px 1px 1px;
  border-radius: 2rem;
  background-image: -webkit-gradient(top, from(#3fa5c3), to(#b4cbd1));
  background-image: -o-linear-gradient(top, #3fa5c3, #b4cbd1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3fa5c3), to(#b4cbd1));
  background-image: linear-gradient(top, #3fa5c3, #b4cbd1);
}
.carousel__step--contents-basico-autoper .interna {
  width: 100% !important;
  height: auto;
  min-height: 20.9rem;
  border-radius: 1.9rem;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.carousel__step--contents-basico-autoper .interna p {
  text-align: center;
  font-weight: 300;
  margin: 0rem 1rem 0rem 1rem !important;
  border-bottom: 1px solid #75b6c9;
  padding: 1rem;
}
.carousel__step--contents-basico-autoper b {
  text-align: center;
  font-weight: 600;
}
@media (max-width: 599px) {
  .carousel__step--contents-basico-autoper {
    width: 90% !important;
  }
}
.carousel__step--contents-pouco-autoper {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#a0b6bd), to(#496b75));
  background-image: -o-linear-gradient(bottom, #a0b6bd, #496b75);
  background-image: linear-gradient(to top, #a0b6bd, #496b75);
  font-size: 1em;
  color: #3fa5c3;
  width: 48% !important;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
  font-size: 1em;
  color: #3fa5c3;
  width: 48% !important;
  margin: 2rem auto 0rem;
  text-align: center;
  height: auto;
  min-height: 20rem;
  width: 300px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 1px 1px 1px;
  border-radius: 2rem;
}
.carousel__step--contents-pouco-autoper .interna {
  width: 100% !important;
  height: auto;
  min-height: 20.9rem;
  border-radius: 1.9rem;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.carousel__step--contents-pouco-autoper .interna p {
  text-align: center;
  font-weight: 300;
  margin: 0rem 1rem 0rem 1rem !important;
  border-bottom: 1px solid #75b6c9;
  padding: 1rem;
}
.carousel__step--contents-pouco-autoper b {
  text-align: center;
  font-weight: 600;
}
@media (max-width: 599px) {
  .carousel__step--contents-pouco-autoper {
    width: 90% !important;
  }
}
.carousel__step--iaWrapper {
  display: block;
  text-align: center;
  overflow: auto;
  width: 100%;
  padding: 2rem 2rem;
  border: solid 1px hsl(210, 16%, 85%);
  border-radius: 1.25rem;
  height: 100%;
  max-height: 50rem;
  background-color: hsl(214, 15%, 93%);
  position: relative;
  text-align: left;
}
@media (max-width: 1199px) {
  .carousel__step--iaWrapper {
    width: 100%;
    margin-right: 1rem;
  }
}
@media (max-width: 899px) {
  .carousel__step--iaWrapper {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 599px) {
  .carousel__step--iaWrapper {
    background-color: #fff;
    border: solid 1px #fff;
    border-radius: 0;
    padding: 0;
  }
}
.carousel__step--iaWrapper > #textoIA {
  font-size: 14px;
  line-height: 1.8;
  height: 100%;
  font-weight: 400;
  color: darkslategray;
}
@media (max-width: 1440px) {
  .carousel__step--iaWrapper > #textoIA {
    font-size: 16px;
  }
}
.carousel__step--iaWrapper > #textoIA::after {
  content: "|";
  -webkit-animation: blink 0.7s infinite;
          animation: blink 0.7s infinite;
}
@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.carousel__step--iaWrapper > #textoIA.completo::after {
  content: "";
  -webkit-animation: none;
          animation: none;
}
.carousel__step--iaWrapper p {
  margin: 0 0 20px 0;
}
@media (max-width: 899px) {
  .carousel__step > *:first-child {
    margin-top: 1rem;
    text-align: center;
  }
}
@media (max-width: 599px) {
  .carousel__step > *:first-child {
    width: 100%;
    margin: 0rem;
  }
}
.carousel__step--0 {
  position: relative;
}
.carousel__step--icone-ia {
  background-image: -webkit-gradient(linear, left top, right top, from(#765AA3), to(#3FA5C3));
  background-image: -o-linear-gradient(left, #765AA3 0%, #3FA5C3 100%);
  background-image: linear-gradient(90deg, #765AA3 0%, #3FA5C3 100%);
  color: #fff;
  padding: 0.5rem;
  border-radius: 10px;
  margin-top: 2rem;
  position: absolute;
  width: 43%;
  right: 0rem;
}
.carousel__step--icone-ia img {
  position: absolute !important;
  left: 0rem;
  bottom: -0.5rem;
  width: 3rem !important;
}
@media (max-width: 599px) {
  .carousel__step--icone-ia {
    width: 100% !important;
    text-align: center !important;
    margin-top: 1rem !important;
  }
}
@media (max-width: 899px) {
  .carousel__step--icone-ia {
    width: 50%;
    right: 0rem;
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .carousel__step--icone-ia {
    width: 45%;
    right: 0rem;
    text-align: right;
  }
}
@media (max-width: 1799px) {
  .carousel__step--icone-ia {
    width: 50%;
    right: 0rem;
    text-align: right;
  }
}
@media (max-width: 2199px) {
  .carousel__step--icone-ia {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 0rem;
    padding: 0.5rem 0.5rem 0.5rem 5rem;
  }
}
@media (max-width: 599px) {
  .carousel__step {
    top: 0rem !important;
  }
}
.carousel--0 {
  position: relative;
}
.carousel--0 [class*=step--0] {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.carousel--0 [class*=step--1] {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.carousel--0 [class*=step--2] {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  visibility: hidden;
}
.carousel--0 [class*=step--3] {
  opacity: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
  visibility: hidden;
}
.carousel--0 [class*=step--4] {
  opacity: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
  visibility: hidden;
}
.carousel--1 {
  height: 100%;
}
.carousel--1 [class*=step--0] {
  opacity: 0;
  -webkit-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
          transform: translateX(-10%);
  visibility: hidden;
  display: none;
}
.carousel--1 [class*=step--1] {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 1;
  visibility: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 899px) {
  .carousel--1 [class*=step--1] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1201px) {
  .carousel--1 [class*=step--1] {
    -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
            transform: translateY(-12px);
  }
}
.carousel--1 [class*=step--2] {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  visibility: hidden;
}
.carousel--1 [class*=step--3] {
  opacity: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
  visibility: hidden;
}
.carousel--1 [class*=step--4] {
  opacity: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
  visibility: hidden;
}
.carousel--2 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.carousel--2 [class*=step--1] {
  opacity: 0;
  -webkit-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
          transform: translateX(-10%);
  visibility: hidden;
}
.carousel--2 [class*=step--2] {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 1;
}
.carousel--2 [class*=step--3] {
  opacity: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
  visibility: hidden;
}
.carousel--2 [class*=step--4] {
  opacity: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
  visibility: hidden;
}
.carousel--3 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.carousel--3 [class*=step--1] {
  opacity: 0;
  -webkit-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
          transform: translateX(-10%);
  visibility: hidden;
}
.carousel--3 [class*=step--2] {
  opacity: 0;
  -webkit-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
          transform: translateX(-10%);
  visibility: hidden;
}
.carousel--3 [class*=step--3] {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.carousel--3 [class*=step--4] {
  opacity: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
  visibility: hidden;
}
.carousel--4 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.carousel--4 [class*=step--1] {
  opacity: 0;
  -webkit-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
          transform: translateX(-10%);
  visibility: hidden;
}
.carousel--4 [class*=step--2] {
  opacity: 0;
  -webkit-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
          transform: translateX(-10%);
  visibility: hidden;
}
.carousel--4 [class*=step--3] {
  opacity: 0;
  -webkit-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
          transform: translateX(-10%);
  visibility: hidden;
}
.carousel--4 [class*=step--4] {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate(-3000px, 0);
            transform: translate(-3000px, 0);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes wheelSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(640deg);
            transform: rotate(640deg);
  }
}
@keyframes wheelSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(640deg);
            transform: rotate(640deg);
  }
}
[class|=confetti] {
  position: absolute;
}

/* Config */
.confetti-left-0,
.confetti-right-0 {
  background-color: transparent;
  border-bottom: 2px solid #3FA5C3;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  height: 0;
  width: 2px;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-0 {
  -webkit-animation: drop-left-0 1.2701658967s 0.8309407327s 2 forwards;
          animation: drop-left-0 1.2701658967s 0.8309407327s 2 forwards;
}

.confetti-right-0 {
  -webkit-animation: drop-right-0 1.7043628786s 0.9096599205s 2 forwards;
          animation: drop-right-0 1.7043628786s 0.9096599205s 2 forwards;
}

@-webkit-keyframes drop-left-0 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(112deg);
            transform: translate(0px, 0px) rotate(112deg);
    opacity: 0.9140165786;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(112deg);
            transform: translate(31.5px, -75px) rotate(112deg);
    opacity: 0.9140165786;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(112deg);
            transform: translate(70px, -144px) rotate(112deg);
    opacity: 0.9140165786;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(112deg);
            transform: translate(115.25px, -196.75px) rotate(112deg);
    opacity: 0.9140165786;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(112deg);
            transform: translate(140.5px, -214px) rotate(112deg);
    opacity: 0.9140165786;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(112deg);
            transform: translate(167.25px, -223.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(112deg);
            transform: translate(195.5px, -224px) rotate(112deg);
    opacity: 0.9140165786;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(112deg);
            transform: translate(225.5px, -214.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(112deg);
            transform: translate(257px, -193.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(112deg);
            transform: translate(290px, -160px) rotate(112deg);
    opacity: 0.9140165786;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(112deg);
            transform: translate(324.75px, -112.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(112deg);
            transform: translate(360.75px, -50px) rotate(112deg);
    opacity: 0.9140165786;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(112deg);
            transform: translate(398.5px, 28.75px) rotate(112deg);
    opacity: 0.4570082893;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(112deg);
            transform: translate(437.5px, 125px) rotate(112deg);
    opacity: 0;
  }
}

@keyframes drop-left-0 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(112deg);
            transform: translate(0px, 0px) rotate(112deg);
    opacity: 0.9140165786;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(112deg);
            transform: translate(31.5px, -75px) rotate(112deg);
    opacity: 0.9140165786;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(112deg);
            transform: translate(70px, -144px) rotate(112deg);
    opacity: 0.9140165786;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(112deg);
            transform: translate(115.25px, -196.75px) rotate(112deg);
    opacity: 0.9140165786;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(112deg);
            transform: translate(140.5px, -214px) rotate(112deg);
    opacity: 0.9140165786;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(112deg);
            transform: translate(167.25px, -223.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(112deg);
            transform: translate(195.5px, -224px) rotate(112deg);
    opacity: 0.9140165786;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(112deg);
            transform: translate(225.5px, -214.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(112deg);
            transform: translate(257px, -193.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(112deg);
            transform: translate(290px, -160px) rotate(112deg);
    opacity: 0.9140165786;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(112deg);
            transform: translate(324.75px, -112.5px) rotate(112deg);
    opacity: 0.9140165786;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(112deg);
            transform: translate(360.75px, -50px) rotate(112deg);
    opacity: 0.9140165786;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(112deg);
            transform: translate(398.5px, 28.75px) rotate(112deg);
    opacity: 0.4570082893;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(112deg);
            transform: translate(437.5px, 125px) rotate(112deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-0 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(266deg);
            transform: translate(0px, 0px) rotate(266deg);
    opacity: 1.1625107846;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(266deg);
            transform: translate(-12.6px, -30px) rotate(266deg);
    opacity: 1.1625107846;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(266deg);
            transform: translate(-28px, -57.6px) rotate(266deg);
    opacity: 1.1625107846;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(266deg);
            transform: translate(-46.1px, -78.7px) rotate(266deg);
    opacity: 1.1625107846;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(266deg);
            transform: translate(-56.2px, -85.6px) rotate(266deg);
    opacity: 1.1625107846;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(266deg);
            transform: translate(-66.9px, -89.4px) rotate(266deg);
    opacity: 1.1625107846;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(266deg);
            transform: translate(-78.2px, -89.6px) rotate(266deg);
    opacity: 1.1625107846;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(266deg);
            transform: translate(-90.2px, -85.8px) rotate(266deg);
    opacity: 1.1625107846;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(266deg);
            transform: translate(-102.8px, -77.4px) rotate(266deg);
    opacity: 1.1625107846;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(266deg);
            transform: translate(-116px, -64px) rotate(266deg);
    opacity: 1.1625107846;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(266deg);
            transform: translate(-129.9px, -45px) rotate(266deg);
    opacity: 1.1625107846;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(266deg);
            transform: translate(-144.3px, -20px) rotate(266deg);
    opacity: 1.1625107846;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(266deg);
            transform: translate(-159.4px, 11.5px) rotate(266deg);
    opacity: 0.5812553923;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(266deg);
            transform: translate(-175px, 50px) rotate(266deg);
    opacity: 0;
  }
}
@keyframes drop-right-0 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(266deg);
            transform: translate(0px, 0px) rotate(266deg);
    opacity: 1.1625107846;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(266deg);
            transform: translate(-12.6px, -30px) rotate(266deg);
    opacity: 1.1625107846;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(266deg);
            transform: translate(-28px, -57.6px) rotate(266deg);
    opacity: 1.1625107846;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(266deg);
            transform: translate(-46.1px, -78.7px) rotate(266deg);
    opacity: 1.1625107846;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(266deg);
            transform: translate(-56.2px, -85.6px) rotate(266deg);
    opacity: 1.1625107846;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(266deg);
            transform: translate(-66.9px, -89.4px) rotate(266deg);
    opacity: 1.1625107846;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(266deg);
            transform: translate(-78.2px, -89.6px) rotate(266deg);
    opacity: 1.1625107846;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(266deg);
            transform: translate(-90.2px, -85.8px) rotate(266deg);
    opacity: 1.1625107846;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(266deg);
            transform: translate(-102.8px, -77.4px) rotate(266deg);
    opacity: 1.1625107846;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(266deg);
            transform: translate(-116px, -64px) rotate(266deg);
    opacity: 1.1625107846;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(266deg);
            transform: translate(-129.9px, -45px) rotate(266deg);
    opacity: 1.1625107846;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(266deg);
            transform: translate(-144.3px, -20px) rotate(266deg);
    opacity: 1.1625107846;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(266deg);
            transform: translate(-159.4px, 11.5px) rotate(266deg);
    opacity: 0.5812553923;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(266deg);
            transform: translate(-175px, 50px) rotate(266deg);
    opacity: 0;
  }
}
.confetti-left-1,
.confetti-right-1 {
  width: 2px;
  height: 0.8px;
  background-color: #E61D47;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-1 {
  -webkit-animation: drop-left-1 1.4031564981s 0.578392036s 2 forwards;
          animation: drop-left-1 1.4031564981s 0.578392036s 2 forwards;
}

.confetti-right-1 {
  -webkit-animation: drop-right-1 1.0637467107s 0.9759621124s 2 forwards;
          animation: drop-right-1 1.0637467107s 0.9759621124s 2 forwards;
}

@-webkit-keyframes drop-left-1 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(340deg);
            transform: translate(0px, 0px) rotate(340deg);
    opacity: 1.2979468781;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(340deg);
            transform: translate(22.05px, -52.5px) rotate(340deg);
    opacity: 1.2979468781;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(340deg);
            transform: translate(49px, -100.8px) rotate(340deg);
    opacity: 1.2979468781;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(340deg);
            transform: translate(80.675px, -137.725px) rotate(340deg);
    opacity: 1.2979468781;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(340deg);
            transform: translate(98.35px, -149.8px) rotate(340deg);
    opacity: 1.2979468781;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(340deg);
            transform: translate(117.075px, -156.45px) rotate(340deg);
    opacity: 1.2979468781;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(340deg);
            transform: translate(136.85px, -156.8px) rotate(340deg);
    opacity: 1.2979468781;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(340deg);
            transform: translate(157.85px, -150.15px) rotate(340deg);
    opacity: 1.2979468781;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(340deg);
            transform: translate(179.9px, -135.45px) rotate(340deg);
    opacity: 1.2979468781;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(340deg);
            transform: translate(203px, -112px) rotate(340deg);
    opacity: 1.2979468781;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(340deg);
            transform: translate(227.325px, -78.75px) rotate(340deg);
    opacity: 1.2979468781;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(340deg);
            transform: translate(252.525px, -35px) rotate(340deg);
    opacity: 1.2979468781;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(340deg);
            transform: translate(278.95px, 20.125px) rotate(340deg);
    opacity: 0.648973439;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(340deg);
            transform: translate(306.25px, 87.5px) rotate(340deg);
    opacity: 0;
  }
}

@keyframes drop-left-1 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(340deg);
            transform: translate(0px, 0px) rotate(340deg);
    opacity: 1.2979468781;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(340deg);
            transform: translate(22.05px, -52.5px) rotate(340deg);
    opacity: 1.2979468781;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(340deg);
            transform: translate(49px, -100.8px) rotate(340deg);
    opacity: 1.2979468781;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(340deg);
            transform: translate(80.675px, -137.725px) rotate(340deg);
    opacity: 1.2979468781;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(340deg);
            transform: translate(98.35px, -149.8px) rotate(340deg);
    opacity: 1.2979468781;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(340deg);
            transform: translate(117.075px, -156.45px) rotate(340deg);
    opacity: 1.2979468781;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(340deg);
            transform: translate(136.85px, -156.8px) rotate(340deg);
    opacity: 1.2979468781;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(340deg);
            transform: translate(157.85px, -150.15px) rotate(340deg);
    opacity: 1.2979468781;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(340deg);
            transform: translate(179.9px, -135.45px) rotate(340deg);
    opacity: 1.2979468781;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(340deg);
            transform: translate(203px, -112px) rotate(340deg);
    opacity: 1.2979468781;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(340deg);
            transform: translate(227.325px, -78.75px) rotate(340deg);
    opacity: 1.2979468781;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(340deg);
            transform: translate(252.525px, -35px) rotate(340deg);
    opacity: 1.2979468781;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(340deg);
            transform: translate(278.95px, 20.125px) rotate(340deg);
    opacity: 0.648973439;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(340deg);
            transform: translate(306.25px, 87.5px) rotate(340deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-1 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(166deg);
            transform: translate(0px, 0px) rotate(166deg);
    opacity: 1.053373513;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(166deg);
            transform: translate(-31.5px, -75px) rotate(166deg);
    opacity: 1.053373513;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(166deg);
            transform: translate(-70px, -144px) rotate(166deg);
    opacity: 1.053373513;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(166deg);
            transform: translate(-115.25px, -196.75px) rotate(166deg);
    opacity: 1.053373513;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(166deg);
            transform: translate(-140.5px, -214px) rotate(166deg);
    opacity: 1.053373513;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(166deg);
            transform: translate(-167.25px, -223.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(166deg);
            transform: translate(-195.5px, -224px) rotate(166deg);
    opacity: 1.053373513;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(166deg);
            transform: translate(-225.5px, -214.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(166deg);
            transform: translate(-257px, -193.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(166deg);
            transform: translate(-290px, -160px) rotate(166deg);
    opacity: 1.053373513;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(166deg);
            transform: translate(-324.75px, -112.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(166deg);
            transform: translate(-360.75px, -50px) rotate(166deg);
    opacity: 1.053373513;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(166deg);
            transform: translate(-398.5px, 28.75px) rotate(166deg);
    opacity: 0.5266867565;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(166deg);
            transform: translate(-437.5px, 125px) rotate(166deg);
    opacity: 0;
  }
}
@keyframes drop-right-1 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(166deg);
            transform: translate(0px, 0px) rotate(166deg);
    opacity: 1.053373513;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(166deg);
            transform: translate(-31.5px, -75px) rotate(166deg);
    opacity: 1.053373513;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(166deg);
            transform: translate(-70px, -144px) rotate(166deg);
    opacity: 1.053373513;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(166deg);
            transform: translate(-115.25px, -196.75px) rotate(166deg);
    opacity: 1.053373513;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(166deg);
            transform: translate(-140.5px, -214px) rotate(166deg);
    opacity: 1.053373513;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(166deg);
            transform: translate(-167.25px, -223.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(166deg);
            transform: translate(-195.5px, -224px) rotate(166deg);
    opacity: 1.053373513;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(166deg);
            transform: translate(-225.5px, -214.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(166deg);
            transform: translate(-257px, -193.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(166deg);
            transform: translate(-290px, -160px) rotate(166deg);
    opacity: 1.053373513;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(166deg);
            transform: translate(-324.75px, -112.5px) rotate(166deg);
    opacity: 1.053373513;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(166deg);
            transform: translate(-360.75px, -50px) rotate(166deg);
    opacity: 1.053373513;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(166deg);
            transform: translate(-398.5px, 28.75px) rotate(166deg);
    opacity: 0.5266867565;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(166deg);
            transform: translate(-437.5px, 125px) rotate(166deg);
    opacity: 0;
  }
}
.confetti-left-2,
.confetti-right-2 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 5px);
  left: calc(50% - 1.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-2 {
  -webkit-animation: drop-left-2 1.4020531013s 0.5162356506s 2 forwards;
          animation: drop-left-2 1.4020531013s 0.5162356506s 2 forwards;
}

.confetti-right-2 {
  -webkit-animation: drop-right-2 1.1732824042s 1.1732792284s 2 forwards;
          animation: drop-right-2 1.1732824042s 1.1732792284s 2 forwards;
}

@-webkit-keyframes drop-left-2 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(27deg);
            transform: translate(0px, 0px) rotate(27deg);
    opacity: 0.6719620208;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(27deg);
            transform: translate(25.2px, -60px) rotate(27deg);
    opacity: 0.6719620208;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(27deg);
            transform: translate(56px, -115.2px) rotate(27deg);
    opacity: 0.6719620208;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(27deg);
            transform: translate(92.2px, -157.4px) rotate(27deg);
    opacity: 0.6719620208;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(27deg);
            transform: translate(112.4px, -171.2px) rotate(27deg);
    opacity: 0.6719620208;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(27deg);
            transform: translate(133.8px, -178.8px) rotate(27deg);
    opacity: 0.6719620208;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(27deg);
            transform: translate(156.4px, -179.2px) rotate(27deg);
    opacity: 0.6719620208;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(27deg);
            transform: translate(180.4px, -171.6px) rotate(27deg);
    opacity: 0.6719620208;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(27deg);
            transform: translate(205.6px, -154.8px) rotate(27deg);
    opacity: 0.6719620208;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(27deg);
            transform: translate(232px, -128px) rotate(27deg);
    opacity: 0.6719620208;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(27deg);
            transform: translate(259.8px, -90px) rotate(27deg);
    opacity: 0.6719620208;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(27deg);
            transform: translate(288.6px, -40px) rotate(27deg);
    opacity: 0.6719620208;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(27deg);
            transform: translate(318.8px, 23px) rotate(27deg);
    opacity: 0.3359810104;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(27deg);
            transform: translate(350px, 100px) rotate(27deg);
    opacity: 0;
  }
}

@keyframes drop-left-2 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(27deg);
            transform: translate(0px, 0px) rotate(27deg);
    opacity: 0.6719620208;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(27deg);
            transform: translate(25.2px, -60px) rotate(27deg);
    opacity: 0.6719620208;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(27deg);
            transform: translate(56px, -115.2px) rotate(27deg);
    opacity: 0.6719620208;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(27deg);
            transform: translate(92.2px, -157.4px) rotate(27deg);
    opacity: 0.6719620208;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(27deg);
            transform: translate(112.4px, -171.2px) rotate(27deg);
    opacity: 0.6719620208;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(27deg);
            transform: translate(133.8px, -178.8px) rotate(27deg);
    opacity: 0.6719620208;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(27deg);
            transform: translate(156.4px, -179.2px) rotate(27deg);
    opacity: 0.6719620208;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(27deg);
            transform: translate(180.4px, -171.6px) rotate(27deg);
    opacity: 0.6719620208;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(27deg);
            transform: translate(205.6px, -154.8px) rotate(27deg);
    opacity: 0.6719620208;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(27deg);
            transform: translate(232px, -128px) rotate(27deg);
    opacity: 0.6719620208;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(27deg);
            transform: translate(259.8px, -90px) rotate(27deg);
    opacity: 0.6719620208;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(27deg);
            transform: translate(288.6px, -40px) rotate(27deg);
    opacity: 0.6719620208;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(27deg);
            transform: translate(318.8px, 23px) rotate(27deg);
    opacity: 0.3359810104;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(27deg);
            transform: translate(350px, 100px) rotate(27deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-2 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(99deg);
            transform: translate(0px, 0px) rotate(99deg);
    opacity: 0.9220014904;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(99deg);
            transform: translate(-9.45px, -22.5px) rotate(99deg);
    opacity: 0.9220014904;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(99deg);
            transform: translate(-21px, -43.2px) rotate(99deg);
    opacity: 0.9220014904;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(99deg);
            transform: translate(-34.575px, -59.025px) rotate(99deg);
    opacity: 0.9220014904;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(99deg);
            transform: translate(-42.15px, -64.2px) rotate(99deg);
    opacity: 0.9220014904;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(99deg);
            transform: translate(-50.175px, -67.05px) rotate(99deg);
    opacity: 0.9220014904;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(99deg);
            transform: translate(-58.65px, -67.2px) rotate(99deg);
    opacity: 0.9220014904;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(99deg);
            transform: translate(-67.65px, -64.35px) rotate(99deg);
    opacity: 0.9220014904;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(99deg);
            transform: translate(-77.1px, -58.05px) rotate(99deg);
    opacity: 0.9220014904;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(99deg);
            transform: translate(-87px, -48px) rotate(99deg);
    opacity: 0.9220014904;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(99deg);
            transform: translate(-97.425px, -33.75px) rotate(99deg);
    opacity: 0.9220014904;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(99deg);
            transform: translate(-108.225px, -15px) rotate(99deg);
    opacity: 0.9220014904;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(99deg);
            transform: translate(-119.55px, 8.625px) rotate(99deg);
    opacity: 0.4610007452;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(99deg);
            transform: translate(-131.25px, 37.5px) rotate(99deg);
    opacity: 0;
  }
}
@keyframes drop-right-2 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(99deg);
            transform: translate(0px, 0px) rotate(99deg);
    opacity: 0.9220014904;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(99deg);
            transform: translate(-9.45px, -22.5px) rotate(99deg);
    opacity: 0.9220014904;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(99deg);
            transform: translate(-21px, -43.2px) rotate(99deg);
    opacity: 0.9220014904;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(99deg);
            transform: translate(-34.575px, -59.025px) rotate(99deg);
    opacity: 0.9220014904;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(99deg);
            transform: translate(-42.15px, -64.2px) rotate(99deg);
    opacity: 0.9220014904;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(99deg);
            transform: translate(-50.175px, -67.05px) rotate(99deg);
    opacity: 0.9220014904;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(99deg);
            transform: translate(-58.65px, -67.2px) rotate(99deg);
    opacity: 0.9220014904;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(99deg);
            transform: translate(-67.65px, -64.35px) rotate(99deg);
    opacity: 0.9220014904;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(99deg);
            transform: translate(-77.1px, -58.05px) rotate(99deg);
    opacity: 0.9220014904;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(99deg);
            transform: translate(-87px, -48px) rotate(99deg);
    opacity: 0.9220014904;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(99deg);
            transform: translate(-97.425px, -33.75px) rotate(99deg);
    opacity: 0.9220014904;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(99deg);
            transform: translate(-108.225px, -15px) rotate(99deg);
    opacity: 0.9220014904;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(99deg);
            transform: translate(-119.55px, 8.625px) rotate(99deg);
    opacity: 0.4610007452;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(99deg);
            transform: translate(-131.25px, 37.5px) rotate(99deg);
    opacity: 0;
  }
}
.confetti-left-3,
.confetti-right-3 {
  background-color: transparent;
  border-bottom: 9px solid #F4BB2F;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  height: 0;
  width: 9px;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-3 {
  -webkit-animation: drop-left-3 1.6034872237s 0.4584054284s 2 forwards;
          animation: drop-left-3 1.6034872237s 0.4584054284s 2 forwards;
}

.confetti-right-3 {
  -webkit-animation: drop-right-3 1.8712135785s 1.2754680624s 2 forwards;
          animation: drop-right-3 1.8712135785s 1.2754680624s 2 forwards;
}

@-webkit-keyframes drop-left-3 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(226deg);
            transform: translate(0px, 0px) rotate(226deg);
    opacity: 1.00260943;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(226deg);
            transform: translate(12.6px, -30px) rotate(226deg);
    opacity: 1.00260943;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(226deg);
            transform: translate(28px, -57.6px) rotate(226deg);
    opacity: 1.00260943;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(226deg);
            transform: translate(46.1px, -78.7px) rotate(226deg);
    opacity: 1.00260943;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(226deg);
            transform: translate(56.2px, -85.6px) rotate(226deg);
    opacity: 1.00260943;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(226deg);
            transform: translate(66.9px, -89.4px) rotate(226deg);
    opacity: 1.00260943;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(226deg);
            transform: translate(78.2px, -89.6px) rotate(226deg);
    opacity: 1.00260943;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(226deg);
            transform: translate(90.2px, -85.8px) rotate(226deg);
    opacity: 1.00260943;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(226deg);
            transform: translate(102.8px, -77.4px) rotate(226deg);
    opacity: 1.00260943;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(226deg);
            transform: translate(116px, -64px) rotate(226deg);
    opacity: 1.00260943;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(226deg);
            transform: translate(129.9px, -45px) rotate(226deg);
    opacity: 1.00260943;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(226deg);
            transform: translate(144.3px, -20px) rotate(226deg);
    opacity: 1.00260943;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(226deg);
            transform: translate(159.4px, 11.5px) rotate(226deg);
    opacity: 0.501304715;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(226deg);
            transform: translate(175px, 50px) rotate(226deg);
    opacity: 0;
  }
}

@keyframes drop-left-3 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(226deg);
            transform: translate(0px, 0px) rotate(226deg);
    opacity: 1.00260943;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(226deg);
            transform: translate(12.6px, -30px) rotate(226deg);
    opacity: 1.00260943;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(226deg);
            transform: translate(28px, -57.6px) rotate(226deg);
    opacity: 1.00260943;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(226deg);
            transform: translate(46.1px, -78.7px) rotate(226deg);
    opacity: 1.00260943;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(226deg);
            transform: translate(56.2px, -85.6px) rotate(226deg);
    opacity: 1.00260943;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(226deg);
            transform: translate(66.9px, -89.4px) rotate(226deg);
    opacity: 1.00260943;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(226deg);
            transform: translate(78.2px, -89.6px) rotate(226deg);
    opacity: 1.00260943;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(226deg);
            transform: translate(90.2px, -85.8px) rotate(226deg);
    opacity: 1.00260943;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(226deg);
            transform: translate(102.8px, -77.4px) rotate(226deg);
    opacity: 1.00260943;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(226deg);
            transform: translate(116px, -64px) rotate(226deg);
    opacity: 1.00260943;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(226deg);
            transform: translate(129.9px, -45px) rotate(226deg);
    opacity: 1.00260943;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(226deg);
            transform: translate(144.3px, -20px) rotate(226deg);
    opacity: 1.00260943;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(226deg);
            transform: translate(159.4px, 11.5px) rotate(226deg);
    opacity: 0.501304715;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(226deg);
            transform: translate(175px, 50px) rotate(226deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-3 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(85deg);
            transform: translate(0px, 0px) rotate(85deg);
    opacity: 1.3134496263;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(85deg);
            transform: translate(-31.5px, -75px) rotate(85deg);
    opacity: 1.3134496263;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(85deg);
            transform: translate(-70px, -144px) rotate(85deg);
    opacity: 1.3134496263;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(85deg);
            transform: translate(-115.25px, -196.75px) rotate(85deg);
    opacity: 1.3134496263;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(85deg);
            transform: translate(-140.5px, -214px) rotate(85deg);
    opacity: 1.3134496263;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(85deg);
            transform: translate(-167.25px, -223.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(85deg);
            transform: translate(-195.5px, -224px) rotate(85deg);
    opacity: 1.3134496263;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(85deg);
            transform: translate(-225.5px, -214.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(85deg);
            transform: translate(-257px, -193.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(85deg);
            transform: translate(-290px, -160px) rotate(85deg);
    opacity: 1.3134496263;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(85deg);
            transform: translate(-324.75px, -112.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(85deg);
            transform: translate(-360.75px, -50px) rotate(85deg);
    opacity: 1.3134496263;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(85deg);
            transform: translate(-398.5px, 28.75px) rotate(85deg);
    opacity: 0.6567248131;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(85deg);
            transform: translate(-437.5px, 125px) rotate(85deg);
    opacity: 0;
  }
}
@keyframes drop-right-3 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(85deg);
            transform: translate(0px, 0px) rotate(85deg);
    opacity: 1.3134496263;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(85deg);
            transform: translate(-31.5px, -75px) rotate(85deg);
    opacity: 1.3134496263;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(85deg);
            transform: translate(-70px, -144px) rotate(85deg);
    opacity: 1.3134496263;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(85deg);
            transform: translate(-115.25px, -196.75px) rotate(85deg);
    opacity: 1.3134496263;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(85deg);
            transform: translate(-140.5px, -214px) rotate(85deg);
    opacity: 1.3134496263;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(85deg);
            transform: translate(-167.25px, -223.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(85deg);
            transform: translate(-195.5px, -224px) rotate(85deg);
    opacity: 1.3134496263;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(85deg);
            transform: translate(-225.5px, -214.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(85deg);
            transform: translate(-257px, -193.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(85deg);
            transform: translate(-290px, -160px) rotate(85deg);
    opacity: 1.3134496263;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(85deg);
            transform: translate(-324.75px, -112.5px) rotate(85deg);
    opacity: 1.3134496263;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(85deg);
            transform: translate(-360.75px, -50px) rotate(85deg);
    opacity: 1.3134496263;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(85deg);
            transform: translate(-398.5px, 28.75px) rotate(85deg);
    opacity: 0.6567248131;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(85deg);
            transform: translate(-437.5px, 125px) rotate(85deg);
    opacity: 0;
  }
}
.confetti-left-4,
.confetti-right-4 {
  background-color: transparent;
  border-bottom: 2.5px solid #F4BB2F;
  border-left: 1.25px solid transparent;
  border-right: 1.25px solid transparent;
  height: 0;
  width: 2.5px;
  top: calc(25% - 5px);
  left: calc(50% - 1.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-4 {
  -webkit-animation: drop-left-4 1.5717978055s 1.3610992014s 2 forwards;
          animation: drop-left-4 1.5717978055s 1.3610992014s 2 forwards;
}

.confetti-right-4 {
  -webkit-animation: drop-right-4 1.3307290477s 0.6905386473s 2 forwards;
          animation: drop-right-4 1.3307290477s 0.6905386473s 2 forwards;
}

@-webkit-keyframes drop-left-4 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(88deg);
            transform: translate(0px, 0px) rotate(88deg);
    opacity: 1.1630218818;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(88deg);
            transform: translate(9.45px, -22.5px) rotate(88deg);
    opacity: 1.1630218818;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(88deg);
            transform: translate(21px, -43.2px) rotate(88deg);
    opacity: 1.1630218818;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(88deg);
            transform: translate(34.575px, -59.025px) rotate(88deg);
    opacity: 1.1630218818;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(88deg);
            transform: translate(42.15px, -64.2px) rotate(88deg);
    opacity: 1.1630218818;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(88deg);
            transform: translate(50.175px, -67.05px) rotate(88deg);
    opacity: 1.1630218818;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(88deg);
            transform: translate(58.65px, -67.2px) rotate(88deg);
    opacity: 1.1630218818;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(88deg);
            transform: translate(67.65px, -64.35px) rotate(88deg);
    opacity: 1.1630218818;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(88deg);
            transform: translate(77.1px, -58.05px) rotate(88deg);
    opacity: 1.1630218818;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(88deg);
            transform: translate(87px, -48px) rotate(88deg);
    opacity: 1.1630218818;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(88deg);
            transform: translate(97.425px, -33.75px) rotate(88deg);
    opacity: 1.1630218818;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(88deg);
            transform: translate(108.225px, -15px) rotate(88deg);
    opacity: 1.1630218818;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(88deg);
            transform: translate(119.55px, 8.625px) rotate(88deg);
    opacity: 0.5815109409;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(88deg);
            transform: translate(131.25px, 37.5px) rotate(88deg);
    opacity: 0;
  }
}

@keyframes drop-left-4 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(88deg);
            transform: translate(0px, 0px) rotate(88deg);
    opacity: 1.1630218818;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(88deg);
            transform: translate(9.45px, -22.5px) rotate(88deg);
    opacity: 1.1630218818;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(88deg);
            transform: translate(21px, -43.2px) rotate(88deg);
    opacity: 1.1630218818;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(88deg);
            transform: translate(34.575px, -59.025px) rotate(88deg);
    opacity: 1.1630218818;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(88deg);
            transform: translate(42.15px, -64.2px) rotate(88deg);
    opacity: 1.1630218818;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(88deg);
            transform: translate(50.175px, -67.05px) rotate(88deg);
    opacity: 1.1630218818;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(88deg);
            transform: translate(58.65px, -67.2px) rotate(88deg);
    opacity: 1.1630218818;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(88deg);
            transform: translate(67.65px, -64.35px) rotate(88deg);
    opacity: 1.1630218818;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(88deg);
            transform: translate(77.1px, -58.05px) rotate(88deg);
    opacity: 1.1630218818;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(88deg);
            transform: translate(87px, -48px) rotate(88deg);
    opacity: 1.1630218818;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(88deg);
            transform: translate(97.425px, -33.75px) rotate(88deg);
    opacity: 1.1630218818;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(88deg);
            transform: translate(108.225px, -15px) rotate(88deg);
    opacity: 1.1630218818;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(88deg);
            transform: translate(119.55px, 8.625px) rotate(88deg);
    opacity: 0.5815109409;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(88deg);
            transform: translate(131.25px, 37.5px) rotate(88deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-4 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(170deg);
            transform: translate(0px, 0px) rotate(170deg);
    opacity: 0.7131962327;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(170deg);
            transform: translate(-28.35px, -67.5px) rotate(170deg);
    opacity: 0.7131962327;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(170deg);
            transform: translate(-63px, -129.6px) rotate(170deg);
    opacity: 0.7131962327;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(170deg);
            transform: translate(-103.725px, -177.075px) rotate(170deg);
    opacity: 0.7131962327;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(170deg);
            transform: translate(-126.45px, -192.6px) rotate(170deg);
    opacity: 0.7131962327;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(170deg);
            transform: translate(-150.525px, -201.15px) rotate(170deg);
    opacity: 0.7131962327;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(170deg);
            transform: translate(-175.95px, -201.6px) rotate(170deg);
    opacity: 0.7131962327;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(170deg);
            transform: translate(-202.95px, -193.05px) rotate(170deg);
    opacity: 0.7131962327;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(170deg);
            transform: translate(-231.3px, -174.15px) rotate(170deg);
    opacity: 0.7131962327;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(170deg);
            transform: translate(-261px, -144px) rotate(170deg);
    opacity: 0.7131962327;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(170deg);
            transform: translate(-292.275px, -101.25px) rotate(170deg);
    opacity: 0.7131962327;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(170deg);
            transform: translate(-324.675px, -45px) rotate(170deg);
    opacity: 0.7131962327;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(170deg);
            transform: translate(-358.65px, 25.875px) rotate(170deg);
    opacity: 0.3565981164;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(170deg);
            transform: translate(-393.75px, 112.5px) rotate(170deg);
    opacity: 0;
  }
}
@keyframes drop-right-4 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(170deg);
            transform: translate(0px, 0px) rotate(170deg);
    opacity: 0.7131962327;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(170deg);
            transform: translate(-28.35px, -67.5px) rotate(170deg);
    opacity: 0.7131962327;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(170deg);
            transform: translate(-63px, -129.6px) rotate(170deg);
    opacity: 0.7131962327;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(170deg);
            transform: translate(-103.725px, -177.075px) rotate(170deg);
    opacity: 0.7131962327;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(170deg);
            transform: translate(-126.45px, -192.6px) rotate(170deg);
    opacity: 0.7131962327;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(170deg);
            transform: translate(-150.525px, -201.15px) rotate(170deg);
    opacity: 0.7131962327;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(170deg);
            transform: translate(-175.95px, -201.6px) rotate(170deg);
    opacity: 0.7131962327;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(170deg);
            transform: translate(-202.95px, -193.05px) rotate(170deg);
    opacity: 0.7131962327;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(170deg);
            transform: translate(-231.3px, -174.15px) rotate(170deg);
    opacity: 0.7131962327;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(170deg);
            transform: translate(-261px, -144px) rotate(170deg);
    opacity: 0.7131962327;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(170deg);
            transform: translate(-292.275px, -101.25px) rotate(170deg);
    opacity: 0.7131962327;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(170deg);
            transform: translate(-324.675px, -45px) rotate(170deg);
    opacity: 0.7131962327;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(170deg);
            transform: translate(-358.65px, 25.875px) rotate(170deg);
    opacity: 0.3565981164;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(170deg);
            transform: translate(-393.75px, 112.5px) rotate(170deg);
    opacity: 0;
  }
}
.confetti-left-5,
.confetti-right-5 {
  width: 6px;
  height: 2.4px;
  background-color: #F4BB2F;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-5 {
  -webkit-animation: drop-left-5 1.1804986538s 1.1726341385s 2 forwards;
          animation: drop-left-5 1.1804986538s 1.1726341385s 2 forwards;
}

.confetti-right-5 {
  -webkit-animation: drop-right-5 1.6476312002s 1.3488426814s 2 forwards;
          animation: drop-right-5 1.6476312002s 1.3488426814s 2 forwards;
}

@-webkit-keyframes drop-left-5 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(73deg);
            transform: translate(0px, 0px) rotate(73deg);
    opacity: 0.5987442324;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(73deg);
            transform: translate(18.9px, -45px) rotate(73deg);
    opacity: 0.5987442324;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(73deg);
            transform: translate(42px, -86.4px) rotate(73deg);
    opacity: 0.5987442324;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(73deg);
            transform: translate(69.15px, -118.05px) rotate(73deg);
    opacity: 0.5987442324;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(73deg);
            transform: translate(84.3px, -128.4px) rotate(73deg);
    opacity: 0.5987442324;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(73deg);
            transform: translate(100.35px, -134.1px) rotate(73deg);
    opacity: 0.5987442324;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(73deg);
            transform: translate(117.3px, -134.4px) rotate(73deg);
    opacity: 0.5987442324;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(73deg);
            transform: translate(135.3px, -128.7px) rotate(73deg);
    opacity: 0.5987442324;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(73deg);
            transform: translate(154.2px, -116.1px) rotate(73deg);
    opacity: 0.5987442324;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(73deg);
            transform: translate(174px, -96px) rotate(73deg);
    opacity: 0.5987442324;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(73deg);
            transform: translate(194.85px, -67.5px) rotate(73deg);
    opacity: 0.5987442324;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(73deg);
            transform: translate(216.45px, -30px) rotate(73deg);
    opacity: 0.5987442324;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(73deg);
            transform: translate(239.1px, 17.25px) rotate(73deg);
    opacity: 0.2993721162;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(73deg);
            transform: translate(262.5px, 75px) rotate(73deg);
    opacity: 0;
  }
}

@keyframes drop-left-5 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(73deg);
            transform: translate(0px, 0px) rotate(73deg);
    opacity: 0.5987442324;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(73deg);
            transform: translate(18.9px, -45px) rotate(73deg);
    opacity: 0.5987442324;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(73deg);
            transform: translate(42px, -86.4px) rotate(73deg);
    opacity: 0.5987442324;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(73deg);
            transform: translate(69.15px, -118.05px) rotate(73deg);
    opacity: 0.5987442324;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(73deg);
            transform: translate(84.3px, -128.4px) rotate(73deg);
    opacity: 0.5987442324;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(73deg);
            transform: translate(100.35px, -134.1px) rotate(73deg);
    opacity: 0.5987442324;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(73deg);
            transform: translate(117.3px, -134.4px) rotate(73deg);
    opacity: 0.5987442324;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(73deg);
            transform: translate(135.3px, -128.7px) rotate(73deg);
    opacity: 0.5987442324;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(73deg);
            transform: translate(154.2px, -116.1px) rotate(73deg);
    opacity: 0.5987442324;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(73deg);
            transform: translate(174px, -96px) rotate(73deg);
    opacity: 0.5987442324;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(73deg);
            transform: translate(194.85px, -67.5px) rotate(73deg);
    opacity: 0.5987442324;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(73deg);
            transform: translate(216.45px, -30px) rotate(73deg);
    opacity: 0.5987442324;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(73deg);
            transform: translate(239.1px, 17.25px) rotate(73deg);
    opacity: 0.2993721162;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(73deg);
            transform: translate(262.5px, 75px) rotate(73deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-5 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(92deg);
            transform: translate(0px, 0px) rotate(92deg);
    opacity: 1.0731629554;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(92deg);
            transform: translate(-18.9px, -45px) rotate(92deg);
    opacity: 1.0731629554;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(92deg);
            transform: translate(-42px, -86.4px) rotate(92deg);
    opacity: 1.0731629554;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(92deg);
            transform: translate(-69.15px, -118.05px) rotate(92deg);
    opacity: 1.0731629554;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(92deg);
            transform: translate(-84.3px, -128.4px) rotate(92deg);
    opacity: 1.0731629554;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(92deg);
            transform: translate(-100.35px, -134.1px) rotate(92deg);
    opacity: 1.0731629554;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(92deg);
            transform: translate(-117.3px, -134.4px) rotate(92deg);
    opacity: 1.0731629554;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(92deg);
            transform: translate(-135.3px, -128.7px) rotate(92deg);
    opacity: 1.0731629554;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(92deg);
            transform: translate(-154.2px, -116.1px) rotate(92deg);
    opacity: 1.0731629554;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(92deg);
            transform: translate(-174px, -96px) rotate(92deg);
    opacity: 1.0731629554;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(92deg);
            transform: translate(-194.85px, -67.5px) rotate(92deg);
    opacity: 1.0731629554;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(92deg);
            transform: translate(-216.45px, -30px) rotate(92deg);
    opacity: 1.0731629554;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(92deg);
            transform: translate(-239.1px, 17.25px) rotate(92deg);
    opacity: 0.5365814777;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(92deg);
            transform: translate(-262.5px, 75px) rotate(92deg);
    opacity: 0;
  }
}
@keyframes drop-right-5 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(92deg);
            transform: translate(0px, 0px) rotate(92deg);
    opacity: 1.0731629554;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(92deg);
            transform: translate(-18.9px, -45px) rotate(92deg);
    opacity: 1.0731629554;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(92deg);
            transform: translate(-42px, -86.4px) rotate(92deg);
    opacity: 1.0731629554;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(92deg);
            transform: translate(-69.15px, -118.05px) rotate(92deg);
    opacity: 1.0731629554;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(92deg);
            transform: translate(-84.3px, -128.4px) rotate(92deg);
    opacity: 1.0731629554;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(92deg);
            transform: translate(-100.35px, -134.1px) rotate(92deg);
    opacity: 1.0731629554;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(92deg);
            transform: translate(-117.3px, -134.4px) rotate(92deg);
    opacity: 1.0731629554;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(92deg);
            transform: translate(-135.3px, -128.7px) rotate(92deg);
    opacity: 1.0731629554;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(92deg);
            transform: translate(-154.2px, -116.1px) rotate(92deg);
    opacity: 1.0731629554;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(92deg);
            transform: translate(-174px, -96px) rotate(92deg);
    opacity: 1.0731629554;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(92deg);
            transform: translate(-194.85px, -67.5px) rotate(92deg);
    opacity: 1.0731629554;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(92deg);
            transform: translate(-216.45px, -30px) rotate(92deg);
    opacity: 1.0731629554;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(92deg);
            transform: translate(-239.1px, 17.25px) rotate(92deg);
    opacity: 0.5365814777;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(92deg);
            transform: translate(-262.5px, 75px) rotate(92deg);
    opacity: 0;
  }
}
.confetti-left-6,
.confetti-right-6 {
  width: 2.4px;
  height: 2.4px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-6 {
  -webkit-animation: drop-left-6 1.3958910317s 0.6651068873s 2 forwards;
          animation: drop-left-6 1.3958910317s 0.6651068873s 2 forwards;
}

.confetti-right-6 {
  -webkit-animation: drop-right-6 1.8950211612s 0.6983917694s 2 forwards;
          animation: drop-right-6 1.8950211612s 0.6983917694s 2 forwards;
}

@-webkit-keyframes drop-left-6 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(240deg);
            transform: translate(0px, 0px) rotate(240deg);
    opacity: 0.6516696748;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(240deg);
            transform: translate(31.5px, -75px) rotate(240deg);
    opacity: 0.6516696748;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(240deg);
            transform: translate(70px, -144px) rotate(240deg);
    opacity: 0.6516696748;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(240deg);
            transform: translate(115.25px, -196.75px) rotate(240deg);
    opacity: 0.6516696748;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(240deg);
            transform: translate(140.5px, -214px) rotate(240deg);
    opacity: 0.6516696748;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(240deg);
            transform: translate(167.25px, -223.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(240deg);
            transform: translate(195.5px, -224px) rotate(240deg);
    opacity: 0.6516696748;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(240deg);
            transform: translate(225.5px, -214.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(240deg);
            transform: translate(257px, -193.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(240deg);
            transform: translate(290px, -160px) rotate(240deg);
    opacity: 0.6516696748;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(240deg);
            transform: translate(324.75px, -112.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(240deg);
            transform: translate(360.75px, -50px) rotate(240deg);
    opacity: 0.6516696748;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(240deg);
            transform: translate(398.5px, 28.75px) rotate(240deg);
    opacity: 0.3258348374;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(240deg);
            transform: translate(437.5px, 125px) rotate(240deg);
    opacity: 0;
  }
}

@keyframes drop-left-6 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(240deg);
            transform: translate(0px, 0px) rotate(240deg);
    opacity: 0.6516696748;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(240deg);
            transform: translate(31.5px, -75px) rotate(240deg);
    opacity: 0.6516696748;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(240deg);
            transform: translate(70px, -144px) rotate(240deg);
    opacity: 0.6516696748;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(240deg);
            transform: translate(115.25px, -196.75px) rotate(240deg);
    opacity: 0.6516696748;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(240deg);
            transform: translate(140.5px, -214px) rotate(240deg);
    opacity: 0.6516696748;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(240deg);
            transform: translate(167.25px, -223.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(240deg);
            transform: translate(195.5px, -224px) rotate(240deg);
    opacity: 0.6516696748;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(240deg);
            transform: translate(225.5px, -214.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(240deg);
            transform: translate(257px, -193.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(240deg);
            transform: translate(290px, -160px) rotate(240deg);
    opacity: 0.6516696748;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(240deg);
            transform: translate(324.75px, -112.5px) rotate(240deg);
    opacity: 0.6516696748;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(240deg);
            transform: translate(360.75px, -50px) rotate(240deg);
    opacity: 0.6516696748;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(240deg);
            transform: translate(398.5px, 28.75px) rotate(240deg);
    opacity: 0.3258348374;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(240deg);
            transform: translate(437.5px, 125px) rotate(240deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-6 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(102deg);
            transform: translate(0px, 0px) rotate(102deg);
    opacity: 1.0161638161;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(102deg);
            transform: translate(-6.3px, -15px) rotate(102deg);
    opacity: 1.0161638161;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(102deg);
            transform: translate(-14px, -28.8px) rotate(102deg);
    opacity: 1.0161638161;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(102deg);
            transform: translate(-23.05px, -39.35px) rotate(102deg);
    opacity: 1.0161638161;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(102deg);
            transform: translate(-28.1px, -42.8px) rotate(102deg);
    opacity: 1.0161638161;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(102deg);
            transform: translate(-33.45px, -44.7px) rotate(102deg);
    opacity: 1.0161638161;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(102deg);
            transform: translate(-39.1px, -44.8px) rotate(102deg);
    opacity: 1.0161638161;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(102deg);
            transform: translate(-45.1px, -42.9px) rotate(102deg);
    opacity: 1.0161638161;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(102deg);
            transform: translate(-51.4px, -38.7px) rotate(102deg);
    opacity: 1.0161638161;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(102deg);
            transform: translate(-58px, -32px) rotate(102deg);
    opacity: 1.0161638161;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(102deg);
            transform: translate(-64.95px, -22.5px) rotate(102deg);
    opacity: 1.0161638161;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(102deg);
            transform: translate(-72.15px, -10px) rotate(102deg);
    opacity: 1.0161638161;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(102deg);
            transform: translate(-79.7px, 5.75px) rotate(102deg);
    opacity: 0.5080819081;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(102deg);
            transform: translate(-87.5px, 25px) rotate(102deg);
    opacity: 0;
  }
}
@keyframes drop-right-6 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(102deg);
            transform: translate(0px, 0px) rotate(102deg);
    opacity: 1.0161638161;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(102deg);
            transform: translate(-6.3px, -15px) rotate(102deg);
    opacity: 1.0161638161;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(102deg);
            transform: translate(-14px, -28.8px) rotate(102deg);
    opacity: 1.0161638161;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(102deg);
            transform: translate(-23.05px, -39.35px) rotate(102deg);
    opacity: 1.0161638161;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(102deg);
            transform: translate(-28.1px, -42.8px) rotate(102deg);
    opacity: 1.0161638161;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(102deg);
            transform: translate(-33.45px, -44.7px) rotate(102deg);
    opacity: 1.0161638161;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(102deg);
            transform: translate(-39.1px, -44.8px) rotate(102deg);
    opacity: 1.0161638161;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(102deg);
            transform: translate(-45.1px, -42.9px) rotate(102deg);
    opacity: 1.0161638161;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(102deg);
            transform: translate(-51.4px, -38.7px) rotate(102deg);
    opacity: 1.0161638161;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(102deg);
            transform: translate(-58px, -32px) rotate(102deg);
    opacity: 1.0161638161;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(102deg);
            transform: translate(-64.95px, -22.5px) rotate(102deg);
    opacity: 1.0161638161;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(102deg);
            transform: translate(-72.15px, -10px) rotate(102deg);
    opacity: 1.0161638161;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(102deg);
            transform: translate(-79.7px, 5.75px) rotate(102deg);
    opacity: 0.5080819081;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(102deg);
            transform: translate(-87.5px, 25px) rotate(102deg);
    opacity: 0;
  }
}
.confetti-left-7,
.confetti-right-7 {
  background-color: transparent;
  border-bottom: 3.5px solid #765AA3;
  border-left: 1.75px solid transparent;
  border-right: 1.75px solid transparent;
  height: 0;
  width: 3.5px;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-7 {
  -webkit-animation: drop-left-7 1.3789538486s 1.2534739111s 2 forwards;
          animation: drop-left-7 1.3789538486s 1.2534739111s 2 forwards;
}

.confetti-right-7 {
  -webkit-animation: drop-right-7 1.1083760557s 0.8647428769s 2 forwards;
          animation: drop-right-7 1.1083760557s 0.8647428769s 2 forwards;
}

@-webkit-keyframes drop-left-7 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(290deg);
            transform: translate(0px, 0px) rotate(290deg);
    opacity: 0.5582480929;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(290deg);
            transform: translate(22.05px, -52.5px) rotate(290deg);
    opacity: 0.5582480929;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(290deg);
            transform: translate(49px, -100.8px) rotate(290deg);
    opacity: 0.5582480929;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(290deg);
            transform: translate(80.675px, -137.725px) rotate(290deg);
    opacity: 0.5582480929;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(290deg);
            transform: translate(98.35px, -149.8px) rotate(290deg);
    opacity: 0.5582480929;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(290deg);
            transform: translate(117.075px, -156.45px) rotate(290deg);
    opacity: 0.5582480929;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(290deg);
            transform: translate(136.85px, -156.8px) rotate(290deg);
    opacity: 0.5582480929;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(290deg);
            transform: translate(157.85px, -150.15px) rotate(290deg);
    opacity: 0.5582480929;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(290deg);
            transform: translate(179.9px, -135.45px) rotate(290deg);
    opacity: 0.5582480929;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(290deg);
            transform: translate(203px, -112px) rotate(290deg);
    opacity: 0.5582480929;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(290deg);
            transform: translate(227.325px, -78.75px) rotate(290deg);
    opacity: 0.5582480929;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(290deg);
            transform: translate(252.525px, -35px) rotate(290deg);
    opacity: 0.5582480929;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(290deg);
            transform: translate(278.95px, 20.125px) rotate(290deg);
    opacity: 0.2791240464;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(290deg);
            transform: translate(306.25px, 87.5px) rotate(290deg);
    opacity: 0;
  }
}

@keyframes drop-left-7 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(290deg);
            transform: translate(0px, 0px) rotate(290deg);
    opacity: 0.5582480929;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(290deg);
            transform: translate(22.05px, -52.5px) rotate(290deg);
    opacity: 0.5582480929;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(290deg);
            transform: translate(49px, -100.8px) rotate(290deg);
    opacity: 0.5582480929;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(290deg);
            transform: translate(80.675px, -137.725px) rotate(290deg);
    opacity: 0.5582480929;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(290deg);
            transform: translate(98.35px, -149.8px) rotate(290deg);
    opacity: 0.5582480929;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(290deg);
            transform: translate(117.075px, -156.45px) rotate(290deg);
    opacity: 0.5582480929;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(290deg);
            transform: translate(136.85px, -156.8px) rotate(290deg);
    opacity: 0.5582480929;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(290deg);
            transform: translate(157.85px, -150.15px) rotate(290deg);
    opacity: 0.5582480929;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(290deg);
            transform: translate(179.9px, -135.45px) rotate(290deg);
    opacity: 0.5582480929;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(290deg);
            transform: translate(203px, -112px) rotate(290deg);
    opacity: 0.5582480929;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(290deg);
            transform: translate(227.325px, -78.75px) rotate(290deg);
    opacity: 0.5582480929;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(290deg);
            transform: translate(252.525px, -35px) rotate(290deg);
    opacity: 0.5582480929;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(290deg);
            transform: translate(278.95px, 20.125px) rotate(290deg);
    opacity: 0.2791240464;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(290deg);
            transform: translate(306.25px, 87.5px) rotate(290deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-7 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(22deg);
            transform: translate(0px, 0px) rotate(22deg);
    opacity: 1.2436793289;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(22deg);
            transform: translate(-31.5px, -75px) rotate(22deg);
    opacity: 1.2436793289;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(22deg);
            transform: translate(-70px, -144px) rotate(22deg);
    opacity: 1.2436793289;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(22deg);
            transform: translate(-115.25px, -196.75px) rotate(22deg);
    opacity: 1.2436793289;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(22deg);
            transform: translate(-140.5px, -214px) rotate(22deg);
    opacity: 1.2436793289;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(22deg);
            transform: translate(-167.25px, -223.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(22deg);
            transform: translate(-195.5px, -224px) rotate(22deg);
    opacity: 1.2436793289;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(22deg);
            transform: translate(-225.5px, -214.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(22deg);
            transform: translate(-257px, -193.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(22deg);
            transform: translate(-290px, -160px) rotate(22deg);
    opacity: 1.2436793289;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(22deg);
            transform: translate(-324.75px, -112.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(22deg);
            transform: translate(-360.75px, -50px) rotate(22deg);
    opacity: 1.2436793289;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(22deg);
            transform: translate(-398.5px, 28.75px) rotate(22deg);
    opacity: 0.6218396644;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(22deg);
            transform: translate(-437.5px, 125px) rotate(22deg);
    opacity: 0;
  }
}
@keyframes drop-right-7 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(22deg);
            transform: translate(0px, 0px) rotate(22deg);
    opacity: 1.2436793289;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(22deg);
            transform: translate(-31.5px, -75px) rotate(22deg);
    opacity: 1.2436793289;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(22deg);
            transform: translate(-70px, -144px) rotate(22deg);
    opacity: 1.2436793289;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(22deg);
            transform: translate(-115.25px, -196.75px) rotate(22deg);
    opacity: 1.2436793289;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(22deg);
            transform: translate(-140.5px, -214px) rotate(22deg);
    opacity: 1.2436793289;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(22deg);
            transform: translate(-167.25px, -223.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(22deg);
            transform: translate(-195.5px, -224px) rotate(22deg);
    opacity: 1.2436793289;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(22deg);
            transform: translate(-225.5px, -214.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(22deg);
            transform: translate(-257px, -193.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(22deg);
            transform: translate(-290px, -160px) rotate(22deg);
    opacity: 1.2436793289;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(22deg);
            transform: translate(-324.75px, -112.5px) rotate(22deg);
    opacity: 1.2436793289;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(22deg);
            transform: translate(-360.75px, -50px) rotate(22deg);
    opacity: 1.2436793289;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(22deg);
            transform: translate(-398.5px, 28.75px) rotate(22deg);
    opacity: 0.6218396644;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(22deg);
            transform: translate(-437.5px, 125px) rotate(22deg);
    opacity: 0;
  }
}
.confetti-left-8,
.confetti-right-8 {
  width: 6px;
  height: 2.4px;
  background-color: #8AB925;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-8 {
  -webkit-animation: drop-left-8 1.5522174607s 1.080448425s 2 forwards;
          animation: drop-left-8 1.5522174607s 1.080448425s 2 forwards;
}

.confetti-right-8 {
  -webkit-animation: drop-right-8 1.6944452318s 1.060364942s 2 forwards;
          animation: drop-right-8 1.6944452318s 1.060364942s 2 forwards;
}

@-webkit-keyframes drop-left-8 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(88deg);
            transform: translate(0px, 0px) rotate(88deg);
    opacity: 0.5528366481;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(88deg);
            transform: translate(28.35px, -67.5px) rotate(88deg);
    opacity: 0.5528366481;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(88deg);
            transform: translate(63px, -129.6px) rotate(88deg);
    opacity: 0.5528366481;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(88deg);
            transform: translate(103.725px, -177.075px) rotate(88deg);
    opacity: 0.5528366481;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(88deg);
            transform: translate(126.45px, -192.6px) rotate(88deg);
    opacity: 0.5528366481;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(88deg);
            transform: translate(150.525px, -201.15px) rotate(88deg);
    opacity: 0.5528366481;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(88deg);
            transform: translate(175.95px, -201.6px) rotate(88deg);
    opacity: 0.5528366481;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(88deg);
            transform: translate(202.95px, -193.05px) rotate(88deg);
    opacity: 0.5528366481;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(88deg);
            transform: translate(231.3px, -174.15px) rotate(88deg);
    opacity: 0.5528366481;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(88deg);
            transform: translate(261px, -144px) rotate(88deg);
    opacity: 0.5528366481;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(88deg);
            transform: translate(292.275px, -101.25px) rotate(88deg);
    opacity: 0.5528366481;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(88deg);
            transform: translate(324.675px, -45px) rotate(88deg);
    opacity: 0.5528366481;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(88deg);
            transform: translate(358.65px, 25.875px) rotate(88deg);
    opacity: 0.276418324;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(88deg);
            transform: translate(393.75px, 112.5px) rotate(88deg);
    opacity: 0;
  }
}

@keyframes drop-left-8 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(88deg);
            transform: translate(0px, 0px) rotate(88deg);
    opacity: 0.5528366481;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(88deg);
            transform: translate(28.35px, -67.5px) rotate(88deg);
    opacity: 0.5528366481;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(88deg);
            transform: translate(63px, -129.6px) rotate(88deg);
    opacity: 0.5528366481;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(88deg);
            transform: translate(103.725px, -177.075px) rotate(88deg);
    opacity: 0.5528366481;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(88deg);
            transform: translate(126.45px, -192.6px) rotate(88deg);
    opacity: 0.5528366481;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(88deg);
            transform: translate(150.525px, -201.15px) rotate(88deg);
    opacity: 0.5528366481;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(88deg);
            transform: translate(175.95px, -201.6px) rotate(88deg);
    opacity: 0.5528366481;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(88deg);
            transform: translate(202.95px, -193.05px) rotate(88deg);
    opacity: 0.5528366481;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(88deg);
            transform: translate(231.3px, -174.15px) rotate(88deg);
    opacity: 0.5528366481;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(88deg);
            transform: translate(261px, -144px) rotate(88deg);
    opacity: 0.5528366481;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(88deg);
            transform: translate(292.275px, -101.25px) rotate(88deg);
    opacity: 0.5528366481;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(88deg);
            transform: translate(324.675px, -45px) rotate(88deg);
    opacity: 0.5528366481;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(88deg);
            transform: translate(358.65px, 25.875px) rotate(88deg);
    opacity: 0.276418324;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(88deg);
            transform: translate(393.75px, 112.5px) rotate(88deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-8 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(27deg);
            transform: translate(0px, 0px) rotate(27deg);
    opacity: 0.579366435;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(27deg);
            transform: translate(-31.5px, -75px) rotate(27deg);
    opacity: 0.579366435;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(27deg);
            transform: translate(-70px, -144px) rotate(27deg);
    opacity: 0.579366435;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(27deg);
            transform: translate(-115.25px, -196.75px) rotate(27deg);
    opacity: 0.579366435;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(27deg);
            transform: translate(-140.5px, -214px) rotate(27deg);
    opacity: 0.579366435;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(27deg);
            transform: translate(-167.25px, -223.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(27deg);
            transform: translate(-195.5px, -224px) rotate(27deg);
    opacity: 0.579366435;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(27deg);
            transform: translate(-225.5px, -214.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(27deg);
            transform: translate(-257px, -193.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(27deg);
            transform: translate(-290px, -160px) rotate(27deg);
    opacity: 0.579366435;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(27deg);
            transform: translate(-324.75px, -112.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(27deg);
            transform: translate(-360.75px, -50px) rotate(27deg);
    opacity: 0.579366435;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(27deg);
            transform: translate(-398.5px, 28.75px) rotate(27deg);
    opacity: 0.2896832175;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(27deg);
            transform: translate(-437.5px, 125px) rotate(27deg);
    opacity: 0;
  }
}
@keyframes drop-right-8 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(27deg);
            transform: translate(0px, 0px) rotate(27deg);
    opacity: 0.579366435;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(27deg);
            transform: translate(-31.5px, -75px) rotate(27deg);
    opacity: 0.579366435;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(27deg);
            transform: translate(-70px, -144px) rotate(27deg);
    opacity: 0.579366435;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(27deg);
            transform: translate(-115.25px, -196.75px) rotate(27deg);
    opacity: 0.579366435;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(27deg);
            transform: translate(-140.5px, -214px) rotate(27deg);
    opacity: 0.579366435;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(27deg);
            transform: translate(-167.25px, -223.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(27deg);
            transform: translate(-195.5px, -224px) rotate(27deg);
    opacity: 0.579366435;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(27deg);
            transform: translate(-225.5px, -214.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(27deg);
            transform: translate(-257px, -193.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(27deg);
            transform: translate(-290px, -160px) rotate(27deg);
    opacity: 0.579366435;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(27deg);
            transform: translate(-324.75px, -112.5px) rotate(27deg);
    opacity: 0.579366435;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(27deg);
            transform: translate(-360.75px, -50px) rotate(27deg);
    opacity: 0.579366435;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(27deg);
            transform: translate(-398.5px, 28.75px) rotate(27deg);
    opacity: 0.2896832175;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(27deg);
            transform: translate(-437.5px, 125px) rotate(27deg);
    opacity: 0;
  }
}
.confetti-left-9,
.confetti-right-9 {
  width: 15px;
  height: 6px;
  background-color: #765AA3;
  top: calc(25% - 15px);
  left: calc(50% - 4.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-9 {
  -webkit-animation: drop-left-9 1.3716556413s 0.883194712s 2 forwards;
          animation: drop-left-9 1.3716556413s 0.883194712s 2 forwards;
}

.confetti-right-9 {
  -webkit-animation: drop-right-9 1.7304582916s 1.2435262952s 2 forwards;
          animation: drop-right-9 1.7304582916s 1.2435262952s 2 forwards;
}

@-webkit-keyframes drop-left-9 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(286deg);
            transform: translate(0px, 0px) rotate(286deg);
    opacity: 1.4107779358;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(286deg);
            transform: translate(9.45px, -22.5px) rotate(286deg);
    opacity: 1.4107779358;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(286deg);
            transform: translate(21px, -43.2px) rotate(286deg);
    opacity: 1.4107779358;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(286deg);
            transform: translate(34.575px, -59.025px) rotate(286deg);
    opacity: 1.4107779358;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(286deg);
            transform: translate(42.15px, -64.2px) rotate(286deg);
    opacity: 1.4107779358;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(286deg);
            transform: translate(50.175px, -67.05px) rotate(286deg);
    opacity: 1.4107779358;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(286deg);
            transform: translate(58.65px, -67.2px) rotate(286deg);
    opacity: 1.4107779358;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(286deg);
            transform: translate(67.65px, -64.35px) rotate(286deg);
    opacity: 1.4107779358;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(286deg);
            transform: translate(77.1px, -58.05px) rotate(286deg);
    opacity: 1.4107779358;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(286deg);
            transform: translate(87px, -48px) rotate(286deg);
    opacity: 1.4107779358;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(286deg);
            transform: translate(97.425px, -33.75px) rotate(286deg);
    opacity: 1.4107779358;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(286deg);
            transform: translate(108.225px, -15px) rotate(286deg);
    opacity: 1.4107779358;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(286deg);
            transform: translate(119.55px, 8.625px) rotate(286deg);
    opacity: 0.7053889679;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(286deg);
            transform: translate(131.25px, 37.5px) rotate(286deg);
    opacity: 0;
  }
}

@keyframes drop-left-9 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(286deg);
            transform: translate(0px, 0px) rotate(286deg);
    opacity: 1.4107779358;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(286deg);
            transform: translate(9.45px, -22.5px) rotate(286deg);
    opacity: 1.4107779358;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(286deg);
            transform: translate(21px, -43.2px) rotate(286deg);
    opacity: 1.4107779358;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(286deg);
            transform: translate(34.575px, -59.025px) rotate(286deg);
    opacity: 1.4107779358;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(286deg);
            transform: translate(42.15px, -64.2px) rotate(286deg);
    opacity: 1.4107779358;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(286deg);
            transform: translate(50.175px, -67.05px) rotate(286deg);
    opacity: 1.4107779358;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(286deg);
            transform: translate(58.65px, -67.2px) rotate(286deg);
    opacity: 1.4107779358;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(286deg);
            transform: translate(67.65px, -64.35px) rotate(286deg);
    opacity: 1.4107779358;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(286deg);
            transform: translate(77.1px, -58.05px) rotate(286deg);
    opacity: 1.4107779358;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(286deg);
            transform: translate(87px, -48px) rotate(286deg);
    opacity: 1.4107779358;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(286deg);
            transform: translate(97.425px, -33.75px) rotate(286deg);
    opacity: 1.4107779358;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(286deg);
            transform: translate(108.225px, -15px) rotate(286deg);
    opacity: 1.4107779358;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(286deg);
            transform: translate(119.55px, 8.625px) rotate(286deg);
    opacity: 0.7053889679;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(286deg);
            transform: translate(131.25px, 37.5px) rotate(286deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-9 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(56deg);
            transform: translate(0px, 0px) rotate(56deg);
    opacity: 0.8369882618;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(56deg);
            transform: translate(-6.3px, -15px) rotate(56deg);
    opacity: 0.8369882618;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(56deg);
            transform: translate(-14px, -28.8px) rotate(56deg);
    opacity: 0.8369882618;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(56deg);
            transform: translate(-23.05px, -39.35px) rotate(56deg);
    opacity: 0.8369882618;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(56deg);
            transform: translate(-28.1px, -42.8px) rotate(56deg);
    opacity: 0.8369882618;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(56deg);
            transform: translate(-33.45px, -44.7px) rotate(56deg);
    opacity: 0.8369882618;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(56deg);
            transform: translate(-39.1px, -44.8px) rotate(56deg);
    opacity: 0.8369882618;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(56deg);
            transform: translate(-45.1px, -42.9px) rotate(56deg);
    opacity: 0.8369882618;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(56deg);
            transform: translate(-51.4px, -38.7px) rotate(56deg);
    opacity: 0.8369882618;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(56deg);
            transform: translate(-58px, -32px) rotate(56deg);
    opacity: 0.8369882618;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(56deg);
            transform: translate(-64.95px, -22.5px) rotate(56deg);
    opacity: 0.8369882618;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(56deg);
            transform: translate(-72.15px, -10px) rotate(56deg);
    opacity: 0.8369882618;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(56deg);
            transform: translate(-79.7px, 5.75px) rotate(56deg);
    opacity: 0.4184941309;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(56deg);
            transform: translate(-87.5px, 25px) rotate(56deg);
    opacity: 0;
  }
}
@keyframes drop-right-9 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(56deg);
            transform: translate(0px, 0px) rotate(56deg);
    opacity: 0.8369882618;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(56deg);
            transform: translate(-6.3px, -15px) rotate(56deg);
    opacity: 0.8369882618;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(56deg);
            transform: translate(-14px, -28.8px) rotate(56deg);
    opacity: 0.8369882618;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(56deg);
            transform: translate(-23.05px, -39.35px) rotate(56deg);
    opacity: 0.8369882618;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(56deg);
            transform: translate(-28.1px, -42.8px) rotate(56deg);
    opacity: 0.8369882618;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(56deg);
            transform: translate(-33.45px, -44.7px) rotate(56deg);
    opacity: 0.8369882618;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(56deg);
            transform: translate(-39.1px, -44.8px) rotate(56deg);
    opacity: 0.8369882618;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(56deg);
            transform: translate(-45.1px, -42.9px) rotate(56deg);
    opacity: 0.8369882618;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(56deg);
            transform: translate(-51.4px, -38.7px) rotate(56deg);
    opacity: 0.8369882618;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(56deg);
            transform: translate(-58px, -32px) rotate(56deg);
    opacity: 0.8369882618;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(56deg);
            transform: translate(-64.95px, -22.5px) rotate(56deg);
    opacity: 0.8369882618;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(56deg);
            transform: translate(-72.15px, -10px) rotate(56deg);
    opacity: 0.8369882618;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(56deg);
            transform: translate(-79.7px, 5.75px) rotate(56deg);
    opacity: 0.4184941309;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(56deg);
            transform: translate(-87.5px, 25px) rotate(56deg);
    opacity: 0;
  }
}
.confetti-left-10,
.confetti-right-10 {
  width: 1.8px;
  height: 1.8px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 3px);
  left: calc(50% - 0.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-10 {
  -webkit-animation: drop-left-10 1.545596369s 0.6521289578s 2 forwards;
          animation: drop-left-10 1.545596369s 0.6521289578s 2 forwards;
}

.confetti-right-10 {
  -webkit-animation: drop-right-10 1.354333624s 1.3589753133s 2 forwards;
          animation: drop-right-10 1.354333624s 1.3589753133s 2 forwards;
}

@-webkit-keyframes drop-left-10 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(325deg);
            transform: translate(0px, 0px) rotate(325deg);
    opacity: 1.3217222333;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(325deg);
            transform: translate(18.9px, -45px) rotate(325deg);
    opacity: 1.3217222333;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(325deg);
            transform: translate(42px, -86.4px) rotate(325deg);
    opacity: 1.3217222333;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(325deg);
            transform: translate(69.15px, -118.05px) rotate(325deg);
    opacity: 1.3217222333;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(325deg);
            transform: translate(84.3px, -128.4px) rotate(325deg);
    opacity: 1.3217222333;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(325deg);
            transform: translate(100.35px, -134.1px) rotate(325deg);
    opacity: 1.3217222333;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(325deg);
            transform: translate(117.3px, -134.4px) rotate(325deg);
    opacity: 1.3217222333;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(325deg);
            transform: translate(135.3px, -128.7px) rotate(325deg);
    opacity: 1.3217222333;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(325deg);
            transform: translate(154.2px, -116.1px) rotate(325deg);
    opacity: 1.3217222333;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(325deg);
            transform: translate(174px, -96px) rotate(325deg);
    opacity: 1.3217222333;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(325deg);
            transform: translate(194.85px, -67.5px) rotate(325deg);
    opacity: 1.3217222333;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(325deg);
            transform: translate(216.45px, -30px) rotate(325deg);
    opacity: 1.3217222333;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(325deg);
            transform: translate(239.1px, 17.25px) rotate(325deg);
    opacity: 0.6608611166;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(325deg);
            transform: translate(262.5px, 75px) rotate(325deg);
    opacity: 0;
  }
}

@keyframes drop-left-10 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(325deg);
            transform: translate(0px, 0px) rotate(325deg);
    opacity: 1.3217222333;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(325deg);
            transform: translate(18.9px, -45px) rotate(325deg);
    opacity: 1.3217222333;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(325deg);
            transform: translate(42px, -86.4px) rotate(325deg);
    opacity: 1.3217222333;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(325deg);
            transform: translate(69.15px, -118.05px) rotate(325deg);
    opacity: 1.3217222333;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(325deg);
            transform: translate(84.3px, -128.4px) rotate(325deg);
    opacity: 1.3217222333;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(325deg);
            transform: translate(100.35px, -134.1px) rotate(325deg);
    opacity: 1.3217222333;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(325deg);
            transform: translate(117.3px, -134.4px) rotate(325deg);
    opacity: 1.3217222333;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(325deg);
            transform: translate(135.3px, -128.7px) rotate(325deg);
    opacity: 1.3217222333;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(325deg);
            transform: translate(154.2px, -116.1px) rotate(325deg);
    opacity: 1.3217222333;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(325deg);
            transform: translate(174px, -96px) rotate(325deg);
    opacity: 1.3217222333;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(325deg);
            transform: translate(194.85px, -67.5px) rotate(325deg);
    opacity: 1.3217222333;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(325deg);
            transform: translate(216.45px, -30px) rotate(325deg);
    opacity: 1.3217222333;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(325deg);
            transform: translate(239.1px, 17.25px) rotate(325deg);
    opacity: 0.6608611166;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(325deg);
            transform: translate(262.5px, 75px) rotate(325deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-10 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 1.0426678683;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(63deg);
            transform: translate(-22.05px, -52.5px) rotate(63deg);
    opacity: 1.0426678683;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(63deg);
            transform: translate(-49px, -100.8px) rotate(63deg);
    opacity: 1.0426678683;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(63deg);
            transform: translate(-80.675px, -137.725px) rotate(63deg);
    opacity: 1.0426678683;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(63deg);
            transform: translate(-98.35px, -149.8px) rotate(63deg);
    opacity: 1.0426678683;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(63deg);
            transform: translate(-117.075px, -156.45px) rotate(63deg);
    opacity: 1.0426678683;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(63deg);
            transform: translate(-136.85px, -156.8px) rotate(63deg);
    opacity: 1.0426678683;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(63deg);
            transform: translate(-157.85px, -150.15px) rotate(63deg);
    opacity: 1.0426678683;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(63deg);
            transform: translate(-179.9px, -135.45px) rotate(63deg);
    opacity: 1.0426678683;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(63deg);
            transform: translate(-203px, -112px) rotate(63deg);
    opacity: 1.0426678683;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(63deg);
            transform: translate(-227.325px, -78.75px) rotate(63deg);
    opacity: 1.0426678683;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(63deg);
            transform: translate(-252.525px, -35px) rotate(63deg);
    opacity: 1.0426678683;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(63deg);
            transform: translate(-278.95px, 20.125px) rotate(63deg);
    opacity: 0.5213339341;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(63deg);
            transform: translate(-306.25px, 87.5px) rotate(63deg);
    opacity: 0;
  }
}
@keyframes drop-right-10 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 1.0426678683;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(63deg);
            transform: translate(-22.05px, -52.5px) rotate(63deg);
    opacity: 1.0426678683;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(63deg);
            transform: translate(-49px, -100.8px) rotate(63deg);
    opacity: 1.0426678683;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(63deg);
            transform: translate(-80.675px, -137.725px) rotate(63deg);
    opacity: 1.0426678683;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(63deg);
            transform: translate(-98.35px, -149.8px) rotate(63deg);
    opacity: 1.0426678683;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(63deg);
            transform: translate(-117.075px, -156.45px) rotate(63deg);
    opacity: 1.0426678683;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(63deg);
            transform: translate(-136.85px, -156.8px) rotate(63deg);
    opacity: 1.0426678683;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(63deg);
            transform: translate(-157.85px, -150.15px) rotate(63deg);
    opacity: 1.0426678683;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(63deg);
            transform: translate(-179.9px, -135.45px) rotate(63deg);
    opacity: 1.0426678683;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(63deg);
            transform: translate(-203px, -112px) rotate(63deg);
    opacity: 1.0426678683;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(63deg);
            transform: translate(-227.325px, -78.75px) rotate(63deg);
    opacity: 1.0426678683;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(63deg);
            transform: translate(-252.525px, -35px) rotate(63deg);
    opacity: 1.0426678683;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(63deg);
            transform: translate(-278.95px, 20.125px) rotate(63deg);
    opacity: 0.5213339341;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(63deg);
            transform: translate(-306.25px, 87.5px) rotate(63deg);
    opacity: 0;
  }
}
.confetti-left-11,
.confetti-right-11 {
  background-color: transparent;
  border-bottom: 8px solid #3FA5C3;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  height: 0;
  width: 8px;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-11 {
  -webkit-animation: drop-left-11 1.0201130166s 1.3070391044s 2 forwards;
          animation: drop-left-11 1.0201130166s 1.3070391044s 2 forwards;
}

.confetti-right-11 {
  -webkit-animation: drop-right-11 1.9614690616s 1.3720122907s 2 forwards;
          animation: drop-right-11 1.9614690616s 1.3720122907s 2 forwards;
}

@-webkit-keyframes drop-left-11 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(237deg);
            transform: translate(0px, 0px) rotate(237deg);
    opacity: 1.0068324153;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(237deg);
            transform: translate(12.6px, -30px) rotate(237deg);
    opacity: 1.0068324153;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(237deg);
            transform: translate(28px, -57.6px) rotate(237deg);
    opacity: 1.0068324153;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(237deg);
            transform: translate(46.1px, -78.7px) rotate(237deg);
    opacity: 1.0068324153;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(237deg);
            transform: translate(56.2px, -85.6px) rotate(237deg);
    opacity: 1.0068324153;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(237deg);
            transform: translate(66.9px, -89.4px) rotate(237deg);
    opacity: 1.0068324153;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(237deg);
            transform: translate(78.2px, -89.6px) rotate(237deg);
    opacity: 1.0068324153;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(237deg);
            transform: translate(90.2px, -85.8px) rotate(237deg);
    opacity: 1.0068324153;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(237deg);
            transform: translate(102.8px, -77.4px) rotate(237deg);
    opacity: 1.0068324153;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(237deg);
            transform: translate(116px, -64px) rotate(237deg);
    opacity: 1.0068324153;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(237deg);
            transform: translate(129.9px, -45px) rotate(237deg);
    opacity: 1.0068324153;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(237deg);
            transform: translate(144.3px, -20px) rotate(237deg);
    opacity: 1.0068324153;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(237deg);
            transform: translate(159.4px, 11.5px) rotate(237deg);
    opacity: 0.5034162076;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(237deg);
            transform: translate(175px, 50px) rotate(237deg);
    opacity: 0;
  }
}

@keyframes drop-left-11 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(237deg);
            transform: translate(0px, 0px) rotate(237deg);
    opacity: 1.0068324153;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(237deg);
            transform: translate(12.6px, -30px) rotate(237deg);
    opacity: 1.0068324153;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(237deg);
            transform: translate(28px, -57.6px) rotate(237deg);
    opacity: 1.0068324153;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(237deg);
            transform: translate(46.1px, -78.7px) rotate(237deg);
    opacity: 1.0068324153;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(237deg);
            transform: translate(56.2px, -85.6px) rotate(237deg);
    opacity: 1.0068324153;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(237deg);
            transform: translate(66.9px, -89.4px) rotate(237deg);
    opacity: 1.0068324153;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(237deg);
            transform: translate(78.2px, -89.6px) rotate(237deg);
    opacity: 1.0068324153;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(237deg);
            transform: translate(90.2px, -85.8px) rotate(237deg);
    opacity: 1.0068324153;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(237deg);
            transform: translate(102.8px, -77.4px) rotate(237deg);
    opacity: 1.0068324153;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(237deg);
            transform: translate(116px, -64px) rotate(237deg);
    opacity: 1.0068324153;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(237deg);
            transform: translate(129.9px, -45px) rotate(237deg);
    opacity: 1.0068324153;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(237deg);
            transform: translate(144.3px, -20px) rotate(237deg);
    opacity: 1.0068324153;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(237deg);
            transform: translate(159.4px, 11.5px) rotate(237deg);
    opacity: 0.5034162076;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(237deg);
            transform: translate(175px, 50px) rotate(237deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-11 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(102deg);
            transform: translate(0px, 0px) rotate(102deg);
    opacity: 0.8924286186;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(102deg);
            transform: translate(-31.5px, -75px) rotate(102deg);
    opacity: 0.8924286186;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(102deg);
            transform: translate(-70px, -144px) rotate(102deg);
    opacity: 0.8924286186;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(102deg);
            transform: translate(-115.25px, -196.75px) rotate(102deg);
    opacity: 0.8924286186;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(102deg);
            transform: translate(-140.5px, -214px) rotate(102deg);
    opacity: 0.8924286186;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(102deg);
            transform: translate(-167.25px, -223.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(102deg);
            transform: translate(-195.5px, -224px) rotate(102deg);
    opacity: 0.8924286186;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(102deg);
            transform: translate(-225.5px, -214.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(102deg);
            transform: translate(-257px, -193.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(102deg);
            transform: translate(-290px, -160px) rotate(102deg);
    opacity: 0.8924286186;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(102deg);
            transform: translate(-324.75px, -112.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(102deg);
            transform: translate(-360.75px, -50px) rotate(102deg);
    opacity: 0.8924286186;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(102deg);
            transform: translate(-398.5px, 28.75px) rotate(102deg);
    opacity: 0.4462143093;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(102deg);
            transform: translate(-437.5px, 125px) rotate(102deg);
    opacity: 0;
  }
}
@keyframes drop-right-11 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(102deg);
            transform: translate(0px, 0px) rotate(102deg);
    opacity: 0.8924286186;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(102deg);
            transform: translate(-31.5px, -75px) rotate(102deg);
    opacity: 0.8924286186;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(102deg);
            transform: translate(-70px, -144px) rotate(102deg);
    opacity: 0.8924286186;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(102deg);
            transform: translate(-115.25px, -196.75px) rotate(102deg);
    opacity: 0.8924286186;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(102deg);
            transform: translate(-140.5px, -214px) rotate(102deg);
    opacity: 0.8924286186;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(102deg);
            transform: translate(-167.25px, -223.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(102deg);
            transform: translate(-195.5px, -224px) rotate(102deg);
    opacity: 0.8924286186;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(102deg);
            transform: translate(-225.5px, -214.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(102deg);
            transform: translate(-257px, -193.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(102deg);
            transform: translate(-290px, -160px) rotate(102deg);
    opacity: 0.8924286186;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(102deg);
            transform: translate(-324.75px, -112.5px) rotate(102deg);
    opacity: 0.8924286186;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(102deg);
            transform: translate(-360.75px, -50px) rotate(102deg);
    opacity: 0.8924286186;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(102deg);
            transform: translate(-398.5px, 28.75px) rotate(102deg);
    opacity: 0.4462143093;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(102deg);
            transform: translate(-437.5px, 125px) rotate(102deg);
    opacity: 0;
  }
}
.confetti-left-12,
.confetti-right-12 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 5px);
  left: calc(50% - 1.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-12 {
  -webkit-animation: drop-left-12 1.9925609263s 1.2753569882s 2 forwards;
          animation: drop-left-12 1.9925609263s 1.2753569882s 2 forwards;
}

.confetti-right-12 {
  -webkit-animation: drop-right-12 1.8825877724s 1.3513201941s 2 forwards;
          animation: drop-right-12 1.8825877724s 1.3513201941s 2 forwards;
}

@-webkit-keyframes drop-left-12 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(104deg);
            transform: translate(0px, 0px) rotate(104deg);
    opacity: 0.8831043252;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(104deg);
            transform: translate(6.3px, -15px) rotate(104deg);
    opacity: 0.8831043252;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(104deg);
            transform: translate(14px, -28.8px) rotate(104deg);
    opacity: 0.8831043252;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(104deg);
            transform: translate(23.05px, -39.35px) rotate(104deg);
    opacity: 0.8831043252;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(104deg);
            transform: translate(28.1px, -42.8px) rotate(104deg);
    opacity: 0.8831043252;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(104deg);
            transform: translate(33.45px, -44.7px) rotate(104deg);
    opacity: 0.8831043252;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(104deg);
            transform: translate(39.1px, -44.8px) rotate(104deg);
    opacity: 0.8831043252;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(104deg);
            transform: translate(45.1px, -42.9px) rotate(104deg);
    opacity: 0.8831043252;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(104deg);
            transform: translate(51.4px, -38.7px) rotate(104deg);
    opacity: 0.8831043252;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(104deg);
            transform: translate(58px, -32px) rotate(104deg);
    opacity: 0.8831043252;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(104deg);
            transform: translate(64.95px, -22.5px) rotate(104deg);
    opacity: 0.8831043252;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(104deg);
            transform: translate(72.15px, -10px) rotate(104deg);
    opacity: 0.8831043252;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(104deg);
            transform: translate(79.7px, 5.75px) rotate(104deg);
    opacity: 0.4415521626;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(104deg);
            transform: translate(87.5px, 25px) rotate(104deg);
    opacity: 0;
  }
}

@keyframes drop-left-12 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(104deg);
            transform: translate(0px, 0px) rotate(104deg);
    opacity: 0.8831043252;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(104deg);
            transform: translate(6.3px, -15px) rotate(104deg);
    opacity: 0.8831043252;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(104deg);
            transform: translate(14px, -28.8px) rotate(104deg);
    opacity: 0.8831043252;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(104deg);
            transform: translate(23.05px, -39.35px) rotate(104deg);
    opacity: 0.8831043252;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(104deg);
            transform: translate(28.1px, -42.8px) rotate(104deg);
    opacity: 0.8831043252;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(104deg);
            transform: translate(33.45px, -44.7px) rotate(104deg);
    opacity: 0.8831043252;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(104deg);
            transform: translate(39.1px, -44.8px) rotate(104deg);
    opacity: 0.8831043252;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(104deg);
            transform: translate(45.1px, -42.9px) rotate(104deg);
    opacity: 0.8831043252;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(104deg);
            transform: translate(51.4px, -38.7px) rotate(104deg);
    opacity: 0.8831043252;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(104deg);
            transform: translate(58px, -32px) rotate(104deg);
    opacity: 0.8831043252;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(104deg);
            transform: translate(64.95px, -22.5px) rotate(104deg);
    opacity: 0.8831043252;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(104deg);
            transform: translate(72.15px, -10px) rotate(104deg);
    opacity: 0.8831043252;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(104deg);
            transform: translate(79.7px, 5.75px) rotate(104deg);
    opacity: 0.4415521626;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(104deg);
            transform: translate(87.5px, 25px) rotate(104deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-12 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(50deg);
            transform: translate(0px, 0px) rotate(50deg);
    opacity: 0.7456941647;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(50deg);
            transform: translate(-3.15px, -7.5px) rotate(50deg);
    opacity: 0.7456941647;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(50deg);
            transform: translate(-7px, -14.4px) rotate(50deg);
    opacity: 0.7456941647;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(50deg);
            transform: translate(-11.525px, -19.675px) rotate(50deg);
    opacity: 0.7456941647;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(50deg);
            transform: translate(-14.05px, -21.4px) rotate(50deg);
    opacity: 0.7456941647;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(50deg);
            transform: translate(-16.725px, -22.35px) rotate(50deg);
    opacity: 0.7456941647;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(50deg);
            transform: translate(-19.55px, -22.4px) rotate(50deg);
    opacity: 0.7456941647;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(50deg);
            transform: translate(-22.55px, -21.45px) rotate(50deg);
    opacity: 0.7456941647;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(50deg);
            transform: translate(-25.7px, -19.35px) rotate(50deg);
    opacity: 0.7456941647;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(50deg);
            transform: translate(-29px, -16px) rotate(50deg);
    opacity: 0.7456941647;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(50deg);
            transform: translate(-32.475px, -11.25px) rotate(50deg);
    opacity: 0.7456941647;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(50deg);
            transform: translate(-36.075px, -5px) rotate(50deg);
    opacity: 0.7456941647;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(50deg);
            transform: translate(-39.85px, 2.875px) rotate(50deg);
    opacity: 0.3728470824;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(50deg);
            transform: translate(-43.75px, 12.5px) rotate(50deg);
    opacity: 0;
  }
}
@keyframes drop-right-12 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(50deg);
            transform: translate(0px, 0px) rotate(50deg);
    opacity: 0.7456941647;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(50deg);
            transform: translate(-3.15px, -7.5px) rotate(50deg);
    opacity: 0.7456941647;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(50deg);
            transform: translate(-7px, -14.4px) rotate(50deg);
    opacity: 0.7456941647;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(50deg);
            transform: translate(-11.525px, -19.675px) rotate(50deg);
    opacity: 0.7456941647;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(50deg);
            transform: translate(-14.05px, -21.4px) rotate(50deg);
    opacity: 0.7456941647;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(50deg);
            transform: translate(-16.725px, -22.35px) rotate(50deg);
    opacity: 0.7456941647;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(50deg);
            transform: translate(-19.55px, -22.4px) rotate(50deg);
    opacity: 0.7456941647;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(50deg);
            transform: translate(-22.55px, -21.45px) rotate(50deg);
    opacity: 0.7456941647;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(50deg);
            transform: translate(-25.7px, -19.35px) rotate(50deg);
    opacity: 0.7456941647;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(50deg);
            transform: translate(-29px, -16px) rotate(50deg);
    opacity: 0.7456941647;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(50deg);
            transform: translate(-32.475px, -11.25px) rotate(50deg);
    opacity: 0.7456941647;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(50deg);
            transform: translate(-36.075px, -5px) rotate(50deg);
    opacity: 0.7456941647;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(50deg);
            transform: translate(-39.85px, 2.875px) rotate(50deg);
    opacity: 0.3728470824;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(50deg);
            transform: translate(-43.75px, 12.5px) rotate(50deg);
    opacity: 0;
  }
}
.confetti-left-13,
.confetti-right-13 {
  width: 8px;
  height: 3.2px;
  background-color: #F4BB2F;
  top: calc(25% - 8px);
  left: calc(50% - 2.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-13 {
  -webkit-animation: drop-left-13 1.9837035455s 1.4473420494s 2 forwards;
          animation: drop-left-13 1.9837035455s 1.4473420494s 2 forwards;
}

.confetti-right-13 {
  -webkit-animation: drop-right-13 1.3168274778s 0.4688657093s 2 forwards;
          animation: drop-right-13 1.3168274778s 0.4688657093s 2 forwards;
}

@-webkit-keyframes drop-left-13 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(232deg);
            transform: translate(0px, 0px) rotate(232deg);
    opacity: 1.0436797652;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(232deg);
            transform: translate(9.45px, -22.5px) rotate(232deg);
    opacity: 1.0436797652;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(232deg);
            transform: translate(21px, -43.2px) rotate(232deg);
    opacity: 1.0436797652;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(232deg);
            transform: translate(34.575px, -59.025px) rotate(232deg);
    opacity: 1.0436797652;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(232deg);
            transform: translate(42.15px, -64.2px) rotate(232deg);
    opacity: 1.0436797652;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(232deg);
            transform: translate(50.175px, -67.05px) rotate(232deg);
    opacity: 1.0436797652;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(232deg);
            transform: translate(58.65px, -67.2px) rotate(232deg);
    opacity: 1.0436797652;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(232deg);
            transform: translate(67.65px, -64.35px) rotate(232deg);
    opacity: 1.0436797652;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(232deg);
            transform: translate(77.1px, -58.05px) rotate(232deg);
    opacity: 1.0436797652;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(232deg);
            transform: translate(87px, -48px) rotate(232deg);
    opacity: 1.0436797652;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(232deg);
            transform: translate(97.425px, -33.75px) rotate(232deg);
    opacity: 1.0436797652;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(232deg);
            transform: translate(108.225px, -15px) rotate(232deg);
    opacity: 1.0436797652;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(232deg);
            transform: translate(119.55px, 8.625px) rotate(232deg);
    opacity: 0.5218398826;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(232deg);
            transform: translate(131.25px, 37.5px) rotate(232deg);
    opacity: 0;
  }
}

@keyframes drop-left-13 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(232deg);
            transform: translate(0px, 0px) rotate(232deg);
    opacity: 1.0436797652;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(232deg);
            transform: translate(9.45px, -22.5px) rotate(232deg);
    opacity: 1.0436797652;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(232deg);
            transform: translate(21px, -43.2px) rotate(232deg);
    opacity: 1.0436797652;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(232deg);
            transform: translate(34.575px, -59.025px) rotate(232deg);
    opacity: 1.0436797652;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(232deg);
            transform: translate(42.15px, -64.2px) rotate(232deg);
    opacity: 1.0436797652;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(232deg);
            transform: translate(50.175px, -67.05px) rotate(232deg);
    opacity: 1.0436797652;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(232deg);
            transform: translate(58.65px, -67.2px) rotate(232deg);
    opacity: 1.0436797652;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(232deg);
            transform: translate(67.65px, -64.35px) rotate(232deg);
    opacity: 1.0436797652;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(232deg);
            transform: translate(77.1px, -58.05px) rotate(232deg);
    opacity: 1.0436797652;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(232deg);
            transform: translate(87px, -48px) rotate(232deg);
    opacity: 1.0436797652;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(232deg);
            transform: translate(97.425px, -33.75px) rotate(232deg);
    opacity: 1.0436797652;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(232deg);
            transform: translate(108.225px, -15px) rotate(232deg);
    opacity: 1.0436797652;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(232deg);
            transform: translate(119.55px, 8.625px) rotate(232deg);
    opacity: 0.5218398826;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(232deg);
            transform: translate(131.25px, 37.5px) rotate(232deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-13 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(176deg);
            transform: translate(0px, 0px) rotate(176deg);
    opacity: 1.4411363702;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(176deg);
            transform: translate(-18.9px, -45px) rotate(176deg);
    opacity: 1.4411363702;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(176deg);
            transform: translate(-42px, -86.4px) rotate(176deg);
    opacity: 1.4411363702;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(176deg);
            transform: translate(-69.15px, -118.05px) rotate(176deg);
    opacity: 1.4411363702;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(176deg);
            transform: translate(-84.3px, -128.4px) rotate(176deg);
    opacity: 1.4411363702;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(176deg);
            transform: translate(-100.35px, -134.1px) rotate(176deg);
    opacity: 1.4411363702;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(176deg);
            transform: translate(-117.3px, -134.4px) rotate(176deg);
    opacity: 1.4411363702;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(176deg);
            transform: translate(-135.3px, -128.7px) rotate(176deg);
    opacity: 1.4411363702;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(176deg);
            transform: translate(-154.2px, -116.1px) rotate(176deg);
    opacity: 1.4411363702;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(176deg);
            transform: translate(-174px, -96px) rotate(176deg);
    opacity: 1.4411363702;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(176deg);
            transform: translate(-194.85px, -67.5px) rotate(176deg);
    opacity: 1.4411363702;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(176deg);
            transform: translate(-216.45px, -30px) rotate(176deg);
    opacity: 1.4411363702;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(176deg);
            transform: translate(-239.1px, 17.25px) rotate(176deg);
    opacity: 0.7205681851;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(176deg);
            transform: translate(-262.5px, 75px) rotate(176deg);
    opacity: 0;
  }
}
@keyframes drop-right-13 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(176deg);
            transform: translate(0px, 0px) rotate(176deg);
    opacity: 1.4411363702;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(176deg);
            transform: translate(-18.9px, -45px) rotate(176deg);
    opacity: 1.4411363702;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(176deg);
            transform: translate(-42px, -86.4px) rotate(176deg);
    opacity: 1.4411363702;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(176deg);
            transform: translate(-69.15px, -118.05px) rotate(176deg);
    opacity: 1.4411363702;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(176deg);
            transform: translate(-84.3px, -128.4px) rotate(176deg);
    opacity: 1.4411363702;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(176deg);
            transform: translate(-100.35px, -134.1px) rotate(176deg);
    opacity: 1.4411363702;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(176deg);
            transform: translate(-117.3px, -134.4px) rotate(176deg);
    opacity: 1.4411363702;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(176deg);
            transform: translate(-135.3px, -128.7px) rotate(176deg);
    opacity: 1.4411363702;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(176deg);
            transform: translate(-154.2px, -116.1px) rotate(176deg);
    opacity: 1.4411363702;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(176deg);
            transform: translate(-174px, -96px) rotate(176deg);
    opacity: 1.4411363702;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(176deg);
            transform: translate(-194.85px, -67.5px) rotate(176deg);
    opacity: 1.4411363702;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(176deg);
            transform: translate(-216.45px, -30px) rotate(176deg);
    opacity: 1.4411363702;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(176deg);
            transform: translate(-239.1px, 17.25px) rotate(176deg);
    opacity: 0.7205681851;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(176deg);
            transform: translate(-262.5px, 75px) rotate(176deg);
    opacity: 0;
  }
}
.confetti-left-14,
.confetti-right-14 {
  width: 14px;
  height: 5.6px;
  background-color: #8AB925;
  top: calc(25% - 14px);
  left: calc(50% - 4.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-14 {
  -webkit-animation: drop-left-14 1.948817118s 1.2147267092s 2 forwards;
          animation: drop-left-14 1.948817118s 1.2147267092s 2 forwards;
}

.confetti-right-14 {
  -webkit-animation: drop-right-14 1.092713553s 1.0630130092s 2 forwards;
          animation: drop-right-14 1.092713553s 1.0630130092s 2 forwards;
}

@-webkit-keyframes drop-left-14 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(214deg);
            transform: translate(0px, 0px) rotate(214deg);
    opacity: 1.0905975067;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(214deg);
            transform: translate(31.5px, -75px) rotate(214deg);
    opacity: 1.0905975067;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(214deg);
            transform: translate(70px, -144px) rotate(214deg);
    opacity: 1.0905975067;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(214deg);
            transform: translate(115.25px, -196.75px) rotate(214deg);
    opacity: 1.0905975067;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(214deg);
            transform: translate(140.5px, -214px) rotate(214deg);
    opacity: 1.0905975067;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(214deg);
            transform: translate(167.25px, -223.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(214deg);
            transform: translate(195.5px, -224px) rotate(214deg);
    opacity: 1.0905975067;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(214deg);
            transform: translate(225.5px, -214.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(214deg);
            transform: translate(257px, -193.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(214deg);
            transform: translate(290px, -160px) rotate(214deg);
    opacity: 1.0905975067;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(214deg);
            transform: translate(324.75px, -112.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(214deg);
            transform: translate(360.75px, -50px) rotate(214deg);
    opacity: 1.0905975067;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(214deg);
            transform: translate(398.5px, 28.75px) rotate(214deg);
    opacity: 0.5452987533;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(214deg);
            transform: translate(437.5px, 125px) rotate(214deg);
    opacity: 0;
  }
}

@keyframes drop-left-14 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(214deg);
            transform: translate(0px, 0px) rotate(214deg);
    opacity: 1.0905975067;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(214deg);
            transform: translate(31.5px, -75px) rotate(214deg);
    opacity: 1.0905975067;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(214deg);
            transform: translate(70px, -144px) rotate(214deg);
    opacity: 1.0905975067;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(214deg);
            transform: translate(115.25px, -196.75px) rotate(214deg);
    opacity: 1.0905975067;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(214deg);
            transform: translate(140.5px, -214px) rotate(214deg);
    opacity: 1.0905975067;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(214deg);
            transform: translate(167.25px, -223.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(214deg);
            transform: translate(195.5px, -224px) rotate(214deg);
    opacity: 1.0905975067;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(214deg);
            transform: translate(225.5px, -214.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(214deg);
            transform: translate(257px, -193.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(214deg);
            transform: translate(290px, -160px) rotate(214deg);
    opacity: 1.0905975067;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(214deg);
            transform: translate(324.75px, -112.5px) rotate(214deg);
    opacity: 1.0905975067;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(214deg);
            transform: translate(360.75px, -50px) rotate(214deg);
    opacity: 1.0905975067;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(214deg);
            transform: translate(398.5px, 28.75px) rotate(214deg);
    opacity: 0.5452987533;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(214deg);
            transform: translate(437.5px, 125px) rotate(214deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-14 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(21deg);
            transform: translate(0px, 0px) rotate(21deg);
    opacity: 1.2077192666;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(21deg);
            transform: translate(-9.45px, -22.5px) rotate(21deg);
    opacity: 1.2077192666;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(21deg);
            transform: translate(-21px, -43.2px) rotate(21deg);
    opacity: 1.2077192666;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(21deg);
            transform: translate(-34.575px, -59.025px) rotate(21deg);
    opacity: 1.2077192666;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(21deg);
            transform: translate(-42.15px, -64.2px) rotate(21deg);
    opacity: 1.2077192666;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(21deg);
            transform: translate(-50.175px, -67.05px) rotate(21deg);
    opacity: 1.2077192666;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(21deg);
            transform: translate(-58.65px, -67.2px) rotate(21deg);
    opacity: 1.2077192666;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(21deg);
            transform: translate(-67.65px, -64.35px) rotate(21deg);
    opacity: 1.2077192666;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(21deg);
            transform: translate(-77.1px, -58.05px) rotate(21deg);
    opacity: 1.2077192666;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(21deg);
            transform: translate(-87px, -48px) rotate(21deg);
    opacity: 1.2077192666;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(21deg);
            transform: translate(-97.425px, -33.75px) rotate(21deg);
    opacity: 1.2077192666;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(21deg);
            transform: translate(-108.225px, -15px) rotate(21deg);
    opacity: 1.2077192666;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(21deg);
            transform: translate(-119.55px, 8.625px) rotate(21deg);
    opacity: 0.6038596333;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(21deg);
            transform: translate(-131.25px, 37.5px) rotate(21deg);
    opacity: 0;
  }
}
@keyframes drop-right-14 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(21deg);
            transform: translate(0px, 0px) rotate(21deg);
    opacity: 1.2077192666;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(21deg);
            transform: translate(-9.45px, -22.5px) rotate(21deg);
    opacity: 1.2077192666;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(21deg);
            transform: translate(-21px, -43.2px) rotate(21deg);
    opacity: 1.2077192666;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(21deg);
            transform: translate(-34.575px, -59.025px) rotate(21deg);
    opacity: 1.2077192666;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(21deg);
            transform: translate(-42.15px, -64.2px) rotate(21deg);
    opacity: 1.2077192666;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(21deg);
            transform: translate(-50.175px, -67.05px) rotate(21deg);
    opacity: 1.2077192666;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(21deg);
            transform: translate(-58.65px, -67.2px) rotate(21deg);
    opacity: 1.2077192666;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(21deg);
            transform: translate(-67.65px, -64.35px) rotate(21deg);
    opacity: 1.2077192666;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(21deg);
            transform: translate(-77.1px, -58.05px) rotate(21deg);
    opacity: 1.2077192666;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(21deg);
            transform: translate(-87px, -48px) rotate(21deg);
    opacity: 1.2077192666;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(21deg);
            transform: translate(-97.425px, -33.75px) rotate(21deg);
    opacity: 1.2077192666;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(21deg);
            transform: translate(-108.225px, -15px) rotate(21deg);
    opacity: 1.2077192666;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(21deg);
            transform: translate(-119.55px, 8.625px) rotate(21deg);
    opacity: 0.6038596333;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(21deg);
            transform: translate(-131.25px, 37.5px) rotate(21deg);
    opacity: 0;
  }
}
.confetti-left-15,
.confetti-right-15 {
  width: 0.6px;
  height: 0.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-15 {
  -webkit-animation: drop-left-15 1.4472180332s 0.6886175972s 2 forwards;
          animation: drop-left-15 1.4472180332s 0.6886175972s 2 forwards;
}

.confetti-right-15 {
  -webkit-animation: drop-right-15 1.7394388516s 0.5566537189s 2 forwards;
          animation: drop-right-15 1.7394388516s 0.5566537189s 2 forwards;
}

@-webkit-keyframes drop-left-15 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(348deg);
            transform: translate(0px, 0px) rotate(348deg);
    opacity: 0.9887906214;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(348deg);
            transform: translate(12.6px, -30px) rotate(348deg);
    opacity: 0.9887906214;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(348deg);
            transform: translate(28px, -57.6px) rotate(348deg);
    opacity: 0.9887906214;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(348deg);
            transform: translate(46.1px, -78.7px) rotate(348deg);
    opacity: 0.9887906214;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(348deg);
            transform: translate(56.2px, -85.6px) rotate(348deg);
    opacity: 0.9887906214;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(348deg);
            transform: translate(66.9px, -89.4px) rotate(348deg);
    opacity: 0.9887906214;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(348deg);
            transform: translate(78.2px, -89.6px) rotate(348deg);
    opacity: 0.9887906214;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(348deg);
            transform: translate(90.2px, -85.8px) rotate(348deg);
    opacity: 0.9887906214;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(348deg);
            transform: translate(102.8px, -77.4px) rotate(348deg);
    opacity: 0.9887906214;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(348deg);
            transform: translate(116px, -64px) rotate(348deg);
    opacity: 0.9887906214;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(348deg);
            transform: translate(129.9px, -45px) rotate(348deg);
    opacity: 0.9887906214;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(348deg);
            transform: translate(144.3px, -20px) rotate(348deg);
    opacity: 0.9887906214;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(348deg);
            transform: translate(159.4px, 11.5px) rotate(348deg);
    opacity: 0.4943953107;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(348deg);
            transform: translate(175px, 50px) rotate(348deg);
    opacity: 0;
  }
}

@keyframes drop-left-15 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(348deg);
            transform: translate(0px, 0px) rotate(348deg);
    opacity: 0.9887906214;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(348deg);
            transform: translate(12.6px, -30px) rotate(348deg);
    opacity: 0.9887906214;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(348deg);
            transform: translate(28px, -57.6px) rotate(348deg);
    opacity: 0.9887906214;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(348deg);
            transform: translate(46.1px, -78.7px) rotate(348deg);
    opacity: 0.9887906214;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(348deg);
            transform: translate(56.2px, -85.6px) rotate(348deg);
    opacity: 0.9887906214;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(348deg);
            transform: translate(66.9px, -89.4px) rotate(348deg);
    opacity: 0.9887906214;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(348deg);
            transform: translate(78.2px, -89.6px) rotate(348deg);
    opacity: 0.9887906214;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(348deg);
            transform: translate(90.2px, -85.8px) rotate(348deg);
    opacity: 0.9887906214;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(348deg);
            transform: translate(102.8px, -77.4px) rotate(348deg);
    opacity: 0.9887906214;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(348deg);
            transform: translate(116px, -64px) rotate(348deg);
    opacity: 0.9887906214;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(348deg);
            transform: translate(129.9px, -45px) rotate(348deg);
    opacity: 0.9887906214;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(348deg);
            transform: translate(144.3px, -20px) rotate(348deg);
    opacity: 0.9887906214;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(348deg);
            transform: translate(159.4px, 11.5px) rotate(348deg);
    opacity: 0.4943953107;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(348deg);
            transform: translate(175px, 50px) rotate(348deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-15 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(359deg);
            transform: translate(0px, 0px) rotate(359deg);
    opacity: 0.9441043693;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(359deg);
            transform: translate(-31.5px, -75px) rotate(359deg);
    opacity: 0.9441043693;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(359deg);
            transform: translate(-70px, -144px) rotate(359deg);
    opacity: 0.9441043693;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(359deg);
            transform: translate(-115.25px, -196.75px) rotate(359deg);
    opacity: 0.9441043693;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(359deg);
            transform: translate(-140.5px, -214px) rotate(359deg);
    opacity: 0.9441043693;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(359deg);
            transform: translate(-167.25px, -223.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(359deg);
            transform: translate(-195.5px, -224px) rotate(359deg);
    opacity: 0.9441043693;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(359deg);
            transform: translate(-225.5px, -214.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(359deg);
            transform: translate(-257px, -193.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(359deg);
            transform: translate(-290px, -160px) rotate(359deg);
    opacity: 0.9441043693;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(359deg);
            transform: translate(-324.75px, -112.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(359deg);
            transform: translate(-360.75px, -50px) rotate(359deg);
    opacity: 0.9441043693;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(359deg);
            transform: translate(-398.5px, 28.75px) rotate(359deg);
    opacity: 0.4720521847;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(359deg);
            transform: translate(-437.5px, 125px) rotate(359deg);
    opacity: 0;
  }
}
@keyframes drop-right-15 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(359deg);
            transform: translate(0px, 0px) rotate(359deg);
    opacity: 0.9441043693;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(359deg);
            transform: translate(-31.5px, -75px) rotate(359deg);
    opacity: 0.9441043693;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(359deg);
            transform: translate(-70px, -144px) rotate(359deg);
    opacity: 0.9441043693;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(359deg);
            transform: translate(-115.25px, -196.75px) rotate(359deg);
    opacity: 0.9441043693;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(359deg);
            transform: translate(-140.5px, -214px) rotate(359deg);
    opacity: 0.9441043693;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(359deg);
            transform: translate(-167.25px, -223.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(359deg);
            transform: translate(-195.5px, -224px) rotate(359deg);
    opacity: 0.9441043693;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(359deg);
            transform: translate(-225.5px, -214.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(359deg);
            transform: translate(-257px, -193.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(359deg);
            transform: translate(-290px, -160px) rotate(359deg);
    opacity: 0.9441043693;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(359deg);
            transform: translate(-324.75px, -112.5px) rotate(359deg);
    opacity: 0.9441043693;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(359deg);
            transform: translate(-360.75px, -50px) rotate(359deg);
    opacity: 0.9441043693;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(359deg);
            transform: translate(-398.5px, 28.75px) rotate(359deg);
    opacity: 0.4720521847;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(359deg);
            transform: translate(-437.5px, 125px) rotate(359deg);
    opacity: 0;
  }
}
.confetti-left-16,
.confetti-right-16 {
  background-color: transparent;
  border-bottom: 8.5px solid #3FA5C3;
  border-left: 4.25px solid transparent;
  border-right: 4.25px solid transparent;
  height: 0;
  width: 8.5px;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-16 {
  -webkit-animation: drop-left-16 1.9318801995s 0.6546066599s 2 forwards;
          animation: drop-left-16 1.9318801995s 0.6546066599s 2 forwards;
}

.confetti-right-16 {
  -webkit-animation: drop-right-16 1.2687657958s 0.4876658695s 2 forwards;
          animation: drop-right-16 1.2687657958s 0.4876658695s 2 forwards;
}

@-webkit-keyframes drop-left-16 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(357deg);
            transform: translate(0px, 0px) rotate(357deg);
    opacity: 1.3253655468;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(357deg);
            transform: translate(6.3px, -15px) rotate(357deg);
    opacity: 1.3253655468;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(357deg);
            transform: translate(14px, -28.8px) rotate(357deg);
    opacity: 1.3253655468;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(357deg);
            transform: translate(23.05px, -39.35px) rotate(357deg);
    opacity: 1.3253655468;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(357deg);
            transform: translate(28.1px, -42.8px) rotate(357deg);
    opacity: 1.3253655468;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(357deg);
            transform: translate(33.45px, -44.7px) rotate(357deg);
    opacity: 1.3253655468;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(357deg);
            transform: translate(39.1px, -44.8px) rotate(357deg);
    opacity: 1.3253655468;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(357deg);
            transform: translate(45.1px, -42.9px) rotate(357deg);
    opacity: 1.3253655468;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(357deg);
            transform: translate(51.4px, -38.7px) rotate(357deg);
    opacity: 1.3253655468;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(357deg);
            transform: translate(58px, -32px) rotate(357deg);
    opacity: 1.3253655468;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(357deg);
            transform: translate(64.95px, -22.5px) rotate(357deg);
    opacity: 1.3253655468;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(357deg);
            transform: translate(72.15px, -10px) rotate(357deg);
    opacity: 1.3253655468;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(357deg);
            transform: translate(79.7px, 5.75px) rotate(357deg);
    opacity: 0.6626827734;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(357deg);
            transform: translate(87.5px, 25px) rotate(357deg);
    opacity: 0;
  }
}

@keyframes drop-left-16 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(357deg);
            transform: translate(0px, 0px) rotate(357deg);
    opacity: 1.3253655468;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(357deg);
            transform: translate(6.3px, -15px) rotate(357deg);
    opacity: 1.3253655468;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(357deg);
            transform: translate(14px, -28.8px) rotate(357deg);
    opacity: 1.3253655468;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(357deg);
            transform: translate(23.05px, -39.35px) rotate(357deg);
    opacity: 1.3253655468;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(357deg);
            transform: translate(28.1px, -42.8px) rotate(357deg);
    opacity: 1.3253655468;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(357deg);
            transform: translate(33.45px, -44.7px) rotate(357deg);
    opacity: 1.3253655468;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(357deg);
            transform: translate(39.1px, -44.8px) rotate(357deg);
    opacity: 1.3253655468;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(357deg);
            transform: translate(45.1px, -42.9px) rotate(357deg);
    opacity: 1.3253655468;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(357deg);
            transform: translate(51.4px, -38.7px) rotate(357deg);
    opacity: 1.3253655468;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(357deg);
            transform: translate(58px, -32px) rotate(357deg);
    opacity: 1.3253655468;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(357deg);
            transform: translate(64.95px, -22.5px) rotate(357deg);
    opacity: 1.3253655468;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(357deg);
            transform: translate(72.15px, -10px) rotate(357deg);
    opacity: 1.3253655468;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(357deg);
            transform: translate(79.7px, 5.75px) rotate(357deg);
    opacity: 0.6626827734;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(357deg);
            transform: translate(87.5px, 25px) rotate(357deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-16 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(256deg);
            transform: translate(0px, 0px) rotate(256deg);
    opacity: 1.2289518321;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(256deg);
            transform: translate(-6.3px, -15px) rotate(256deg);
    opacity: 1.2289518321;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(256deg);
            transform: translate(-14px, -28.8px) rotate(256deg);
    opacity: 1.2289518321;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(256deg);
            transform: translate(-23.05px, -39.35px) rotate(256deg);
    opacity: 1.2289518321;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(256deg);
            transform: translate(-28.1px, -42.8px) rotate(256deg);
    opacity: 1.2289518321;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(256deg);
            transform: translate(-33.45px, -44.7px) rotate(256deg);
    opacity: 1.2289518321;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(256deg);
            transform: translate(-39.1px, -44.8px) rotate(256deg);
    opacity: 1.2289518321;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(256deg);
            transform: translate(-45.1px, -42.9px) rotate(256deg);
    opacity: 1.2289518321;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(256deg);
            transform: translate(-51.4px, -38.7px) rotate(256deg);
    opacity: 1.2289518321;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(256deg);
            transform: translate(-58px, -32px) rotate(256deg);
    opacity: 1.2289518321;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(256deg);
            transform: translate(-64.95px, -22.5px) rotate(256deg);
    opacity: 1.2289518321;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(256deg);
            transform: translate(-72.15px, -10px) rotate(256deg);
    opacity: 1.2289518321;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(256deg);
            transform: translate(-79.7px, 5.75px) rotate(256deg);
    opacity: 0.614475916;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(256deg);
            transform: translate(-87.5px, 25px) rotate(256deg);
    opacity: 0;
  }
}
@keyframes drop-right-16 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(256deg);
            transform: translate(0px, 0px) rotate(256deg);
    opacity: 1.2289518321;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(256deg);
            transform: translate(-6.3px, -15px) rotate(256deg);
    opacity: 1.2289518321;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(256deg);
            transform: translate(-14px, -28.8px) rotate(256deg);
    opacity: 1.2289518321;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(256deg);
            transform: translate(-23.05px, -39.35px) rotate(256deg);
    opacity: 1.2289518321;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(256deg);
            transform: translate(-28.1px, -42.8px) rotate(256deg);
    opacity: 1.2289518321;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(256deg);
            transform: translate(-33.45px, -44.7px) rotate(256deg);
    opacity: 1.2289518321;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(256deg);
            transform: translate(-39.1px, -44.8px) rotate(256deg);
    opacity: 1.2289518321;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(256deg);
            transform: translate(-45.1px, -42.9px) rotate(256deg);
    opacity: 1.2289518321;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(256deg);
            transform: translate(-51.4px, -38.7px) rotate(256deg);
    opacity: 1.2289518321;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(256deg);
            transform: translate(-58px, -32px) rotate(256deg);
    opacity: 1.2289518321;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(256deg);
            transform: translate(-64.95px, -22.5px) rotate(256deg);
    opacity: 1.2289518321;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(256deg);
            transform: translate(-72.15px, -10px) rotate(256deg);
    opacity: 1.2289518321;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(256deg);
            transform: translate(-79.7px, 5.75px) rotate(256deg);
    opacity: 0.614475916;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(256deg);
            transform: translate(-87.5px, 25px) rotate(256deg);
    opacity: 0;
  }
}
.confetti-left-17,
.confetti-right-17 {
  width: 13px;
  height: 5.2px;
  background-color: #765AA3;
  top: calc(25% - 13px);
  left: calc(50% - 3.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-17 {
  -webkit-animation: drop-left-17 1.0537417311s 0.4765163553s 2 forwards;
          animation: drop-left-17 1.0537417311s 0.4765163553s 2 forwards;
}

.confetti-right-17 {
  -webkit-animation: drop-right-17 1.6219408246s 1.3624584582s 2 forwards;
          animation: drop-right-17 1.6219408246s 1.3624584582s 2 forwards;
}

@-webkit-keyframes drop-left-17 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(225deg);
            transform: translate(0px, 0px) rotate(225deg);
    opacity: 1.184356;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(225deg);
            transform: translate(3.15px, -7.5px) rotate(225deg);
    opacity: 1.184356;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(225deg);
            transform: translate(7px, -14.4px) rotate(225deg);
    opacity: 1.184356;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(225deg);
            transform: translate(11.525px, -19.675px) rotate(225deg);
    opacity: 1.184356;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(225deg);
            transform: translate(14.05px, -21.4px) rotate(225deg);
    opacity: 1.184356;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(225deg);
            transform: translate(16.725px, -22.35px) rotate(225deg);
    opacity: 1.184356;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(225deg);
            transform: translate(19.55px, -22.4px) rotate(225deg);
    opacity: 1.184356;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(225deg);
            transform: translate(22.55px, -21.45px) rotate(225deg);
    opacity: 1.184356;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(225deg);
            transform: translate(25.7px, -19.35px) rotate(225deg);
    opacity: 1.184356;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(225deg);
            transform: translate(29px, -16px) rotate(225deg);
    opacity: 1.184356;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(225deg);
            transform: translate(32.475px, -11.25px) rotate(225deg);
    opacity: 1.184356;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(225deg);
            transform: translate(36.075px, -5px) rotate(225deg);
    opacity: 1.184356;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(225deg);
            transform: translate(39.85px, 2.875px) rotate(225deg);
    opacity: 0.592178;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(225deg);
            transform: translate(43.75px, 12.5px) rotate(225deg);
    opacity: 0;
  }
}

@keyframes drop-left-17 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(225deg);
            transform: translate(0px, 0px) rotate(225deg);
    opacity: 1.184356;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(225deg);
            transform: translate(3.15px, -7.5px) rotate(225deg);
    opacity: 1.184356;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(225deg);
            transform: translate(7px, -14.4px) rotate(225deg);
    opacity: 1.184356;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(225deg);
            transform: translate(11.525px, -19.675px) rotate(225deg);
    opacity: 1.184356;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(225deg);
            transform: translate(14.05px, -21.4px) rotate(225deg);
    opacity: 1.184356;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(225deg);
            transform: translate(16.725px, -22.35px) rotate(225deg);
    opacity: 1.184356;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(225deg);
            transform: translate(19.55px, -22.4px) rotate(225deg);
    opacity: 1.184356;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(225deg);
            transform: translate(22.55px, -21.45px) rotate(225deg);
    opacity: 1.184356;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(225deg);
            transform: translate(25.7px, -19.35px) rotate(225deg);
    opacity: 1.184356;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(225deg);
            transform: translate(29px, -16px) rotate(225deg);
    opacity: 1.184356;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(225deg);
            transform: translate(32.475px, -11.25px) rotate(225deg);
    opacity: 1.184356;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(225deg);
            transform: translate(36.075px, -5px) rotate(225deg);
    opacity: 1.184356;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(225deg);
            transform: translate(39.85px, 2.875px) rotate(225deg);
    opacity: 0.592178;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(225deg);
            transform: translate(43.75px, 12.5px) rotate(225deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-17 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(136deg);
            transform: translate(0px, 0px) rotate(136deg);
    opacity: 0.9616311748;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(136deg);
            transform: translate(-28.35px, -67.5px) rotate(136deg);
    opacity: 0.9616311748;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(136deg);
            transform: translate(-63px, -129.6px) rotate(136deg);
    opacity: 0.9616311748;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(136deg);
            transform: translate(-103.725px, -177.075px) rotate(136deg);
    opacity: 0.9616311748;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(136deg);
            transform: translate(-126.45px, -192.6px) rotate(136deg);
    opacity: 0.9616311748;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(136deg);
            transform: translate(-150.525px, -201.15px) rotate(136deg);
    opacity: 0.9616311748;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(136deg);
            transform: translate(-175.95px, -201.6px) rotate(136deg);
    opacity: 0.9616311748;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(136deg);
            transform: translate(-202.95px, -193.05px) rotate(136deg);
    opacity: 0.9616311748;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(136deg);
            transform: translate(-231.3px, -174.15px) rotate(136deg);
    opacity: 0.9616311748;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(136deg);
            transform: translate(-261px, -144px) rotate(136deg);
    opacity: 0.9616311748;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(136deg);
            transform: translate(-292.275px, -101.25px) rotate(136deg);
    opacity: 0.9616311748;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(136deg);
            transform: translate(-324.675px, -45px) rotate(136deg);
    opacity: 0.9616311748;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(136deg);
            transform: translate(-358.65px, 25.875px) rotate(136deg);
    opacity: 0.4808155874;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(136deg);
            transform: translate(-393.75px, 112.5px) rotate(136deg);
    opacity: 0;
  }
}
@keyframes drop-right-17 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(136deg);
            transform: translate(0px, 0px) rotate(136deg);
    opacity: 0.9616311748;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(136deg);
            transform: translate(-28.35px, -67.5px) rotate(136deg);
    opacity: 0.9616311748;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(136deg);
            transform: translate(-63px, -129.6px) rotate(136deg);
    opacity: 0.9616311748;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(136deg);
            transform: translate(-103.725px, -177.075px) rotate(136deg);
    opacity: 0.9616311748;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(136deg);
            transform: translate(-126.45px, -192.6px) rotate(136deg);
    opacity: 0.9616311748;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(136deg);
            transform: translate(-150.525px, -201.15px) rotate(136deg);
    opacity: 0.9616311748;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(136deg);
            transform: translate(-175.95px, -201.6px) rotate(136deg);
    opacity: 0.9616311748;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(136deg);
            transform: translate(-202.95px, -193.05px) rotate(136deg);
    opacity: 0.9616311748;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(136deg);
            transform: translate(-231.3px, -174.15px) rotate(136deg);
    opacity: 0.9616311748;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(136deg);
            transform: translate(-261px, -144px) rotate(136deg);
    opacity: 0.9616311748;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(136deg);
            transform: translate(-292.275px, -101.25px) rotate(136deg);
    opacity: 0.9616311748;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(136deg);
            transform: translate(-324.675px, -45px) rotate(136deg);
    opacity: 0.9616311748;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(136deg);
            transform: translate(-358.65px, 25.875px) rotate(136deg);
    opacity: 0.4808155874;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(136deg);
            transform: translate(-393.75px, 112.5px) rotate(136deg);
    opacity: 0;
  }
}
.confetti-left-18,
.confetti-right-18 {
  background-color: transparent;
  border-bottom: 7px solid #E61D47;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  height: 0;
  width: 7px;
  top: calc(25% - 14px);
  left: calc(50% - 4.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-18 {
  -webkit-animation: drop-left-18 1.0525542114s 1.3449977106s 2 forwards;
          animation: drop-left-18 1.0525542114s 1.3449977106s 2 forwards;
}

.confetti-right-18 {
  -webkit-animation: drop-right-18 1.4307163034s 1.3605217683s 2 forwards;
          animation: drop-right-18 1.4307163034s 1.3605217683s 2 forwards;
}

@-webkit-keyframes drop-left-18 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(343deg);
            transform: translate(0px, 0px) rotate(343deg);
    opacity: 1.375274268;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(343deg);
            transform: translate(22.05px, -52.5px) rotate(343deg);
    opacity: 1.375274268;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(343deg);
            transform: translate(49px, -100.8px) rotate(343deg);
    opacity: 1.375274268;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(343deg);
            transform: translate(80.675px, -137.725px) rotate(343deg);
    opacity: 1.375274268;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(343deg);
            transform: translate(98.35px, -149.8px) rotate(343deg);
    opacity: 1.375274268;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(343deg);
            transform: translate(117.075px, -156.45px) rotate(343deg);
    opacity: 1.375274268;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(343deg);
            transform: translate(136.85px, -156.8px) rotate(343deg);
    opacity: 1.375274268;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(343deg);
            transform: translate(157.85px, -150.15px) rotate(343deg);
    opacity: 1.375274268;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(343deg);
            transform: translate(179.9px, -135.45px) rotate(343deg);
    opacity: 1.375274268;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(343deg);
            transform: translate(203px, -112px) rotate(343deg);
    opacity: 1.375274268;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(343deg);
            transform: translate(227.325px, -78.75px) rotate(343deg);
    opacity: 1.375274268;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(343deg);
            transform: translate(252.525px, -35px) rotate(343deg);
    opacity: 1.375274268;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(343deg);
            transform: translate(278.95px, 20.125px) rotate(343deg);
    opacity: 0.687637134;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(343deg);
            transform: translate(306.25px, 87.5px) rotate(343deg);
    opacity: 0;
  }
}

@keyframes drop-left-18 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(343deg);
            transform: translate(0px, 0px) rotate(343deg);
    opacity: 1.375274268;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(343deg);
            transform: translate(22.05px, -52.5px) rotate(343deg);
    opacity: 1.375274268;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(343deg);
            transform: translate(49px, -100.8px) rotate(343deg);
    opacity: 1.375274268;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(343deg);
            transform: translate(80.675px, -137.725px) rotate(343deg);
    opacity: 1.375274268;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(343deg);
            transform: translate(98.35px, -149.8px) rotate(343deg);
    opacity: 1.375274268;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(343deg);
            transform: translate(117.075px, -156.45px) rotate(343deg);
    opacity: 1.375274268;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(343deg);
            transform: translate(136.85px, -156.8px) rotate(343deg);
    opacity: 1.375274268;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(343deg);
            transform: translate(157.85px, -150.15px) rotate(343deg);
    opacity: 1.375274268;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(343deg);
            transform: translate(179.9px, -135.45px) rotate(343deg);
    opacity: 1.375274268;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(343deg);
            transform: translate(203px, -112px) rotate(343deg);
    opacity: 1.375274268;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(343deg);
            transform: translate(227.325px, -78.75px) rotate(343deg);
    opacity: 1.375274268;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(343deg);
            transform: translate(252.525px, -35px) rotate(343deg);
    opacity: 1.375274268;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(343deg);
            transform: translate(278.95px, 20.125px) rotate(343deg);
    opacity: 0.687637134;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(343deg);
            transform: translate(306.25px, 87.5px) rotate(343deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-18 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(220deg);
            transform: translate(0px, 0px) rotate(220deg);
    opacity: 0.8051268636;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(220deg);
            transform: translate(-15.75px, -37.5px) rotate(220deg);
    opacity: 0.8051268636;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(220deg);
            transform: translate(-35px, -72px) rotate(220deg);
    opacity: 0.8051268636;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(220deg);
            transform: translate(-57.625px, -98.375px) rotate(220deg);
    opacity: 0.8051268636;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(220deg);
            transform: translate(-70.25px, -107px) rotate(220deg);
    opacity: 0.8051268636;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(220deg);
            transform: translate(-83.625px, -111.75px) rotate(220deg);
    opacity: 0.8051268636;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(220deg);
            transform: translate(-97.75px, -112px) rotate(220deg);
    opacity: 0.8051268636;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(220deg);
            transform: translate(-112.75px, -107.25px) rotate(220deg);
    opacity: 0.8051268636;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(220deg);
            transform: translate(-128.5px, -96.75px) rotate(220deg);
    opacity: 0.8051268636;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(220deg);
            transform: translate(-145px, -80px) rotate(220deg);
    opacity: 0.8051268636;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(220deg);
            transform: translate(-162.375px, -56.25px) rotate(220deg);
    opacity: 0.8051268636;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(220deg);
            transform: translate(-180.375px, -25px) rotate(220deg);
    opacity: 0.8051268636;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(220deg);
            transform: translate(-199.25px, 14.375px) rotate(220deg);
    opacity: 0.4025634318;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(220deg);
            transform: translate(-218.75px, 62.5px) rotate(220deg);
    opacity: 0;
  }
}
@keyframes drop-right-18 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(220deg);
            transform: translate(0px, 0px) rotate(220deg);
    opacity: 0.8051268636;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(220deg);
            transform: translate(-15.75px, -37.5px) rotate(220deg);
    opacity: 0.8051268636;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(220deg);
            transform: translate(-35px, -72px) rotate(220deg);
    opacity: 0.8051268636;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(220deg);
            transform: translate(-57.625px, -98.375px) rotate(220deg);
    opacity: 0.8051268636;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(220deg);
            transform: translate(-70.25px, -107px) rotate(220deg);
    opacity: 0.8051268636;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(220deg);
            transform: translate(-83.625px, -111.75px) rotate(220deg);
    opacity: 0.8051268636;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(220deg);
            transform: translate(-97.75px, -112px) rotate(220deg);
    opacity: 0.8051268636;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(220deg);
            transform: translate(-112.75px, -107.25px) rotate(220deg);
    opacity: 0.8051268636;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(220deg);
            transform: translate(-128.5px, -96.75px) rotate(220deg);
    opacity: 0.8051268636;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(220deg);
            transform: translate(-145px, -80px) rotate(220deg);
    opacity: 0.8051268636;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(220deg);
            transform: translate(-162.375px, -56.25px) rotate(220deg);
    opacity: 0.8051268636;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(220deg);
            transform: translate(-180.375px, -25px) rotate(220deg);
    opacity: 0.8051268636;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(220deg);
            transform: translate(-199.25px, 14.375px) rotate(220deg);
    opacity: 0.4025634318;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(220deg);
            transform: translate(-218.75px, 62.5px) rotate(220deg);
    opacity: 0;
  }
}
.confetti-left-19,
.confetti-right-19 {
  width: 10.2px;
  height: 10.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #765AA3;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-19 {
  -webkit-animation: drop-left-19 1.3732353823s 0.510157413s 2 forwards;
          animation: drop-left-19 1.3732353823s 0.510157413s 2 forwards;
}

.confetti-right-19 {
  -webkit-animation: drop-right-19 1.0293333478s 0.9928268681s 2 forwards;
          animation: drop-right-19 1.0293333478s 0.9928268681s 2 forwards;
}

@-webkit-keyframes drop-left-19 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(235deg);
            transform: translate(0px, 0px) rotate(235deg);
    opacity: 0.6042901166;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(235deg);
            transform: translate(12.6px, -30px) rotate(235deg);
    opacity: 0.6042901166;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(235deg);
            transform: translate(28px, -57.6px) rotate(235deg);
    opacity: 0.6042901166;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(235deg);
            transform: translate(46.1px, -78.7px) rotate(235deg);
    opacity: 0.6042901166;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(235deg);
            transform: translate(56.2px, -85.6px) rotate(235deg);
    opacity: 0.6042901166;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(235deg);
            transform: translate(66.9px, -89.4px) rotate(235deg);
    opacity: 0.6042901166;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(235deg);
            transform: translate(78.2px, -89.6px) rotate(235deg);
    opacity: 0.6042901166;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(235deg);
            transform: translate(90.2px, -85.8px) rotate(235deg);
    opacity: 0.6042901166;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(235deg);
            transform: translate(102.8px, -77.4px) rotate(235deg);
    opacity: 0.6042901166;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(235deg);
            transform: translate(116px, -64px) rotate(235deg);
    opacity: 0.6042901166;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(235deg);
            transform: translate(129.9px, -45px) rotate(235deg);
    opacity: 0.6042901166;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(235deg);
            transform: translate(144.3px, -20px) rotate(235deg);
    opacity: 0.6042901166;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(235deg);
            transform: translate(159.4px, 11.5px) rotate(235deg);
    opacity: 0.3021450583;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(235deg);
            transform: translate(175px, 50px) rotate(235deg);
    opacity: 0;
  }
}

@keyframes drop-left-19 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(235deg);
            transform: translate(0px, 0px) rotate(235deg);
    opacity: 0.6042901166;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(235deg);
            transform: translate(12.6px, -30px) rotate(235deg);
    opacity: 0.6042901166;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(235deg);
            transform: translate(28px, -57.6px) rotate(235deg);
    opacity: 0.6042901166;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(235deg);
            transform: translate(46.1px, -78.7px) rotate(235deg);
    opacity: 0.6042901166;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(235deg);
            transform: translate(56.2px, -85.6px) rotate(235deg);
    opacity: 0.6042901166;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(235deg);
            transform: translate(66.9px, -89.4px) rotate(235deg);
    opacity: 0.6042901166;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(235deg);
            transform: translate(78.2px, -89.6px) rotate(235deg);
    opacity: 0.6042901166;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(235deg);
            transform: translate(90.2px, -85.8px) rotate(235deg);
    opacity: 0.6042901166;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(235deg);
            transform: translate(102.8px, -77.4px) rotate(235deg);
    opacity: 0.6042901166;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(235deg);
            transform: translate(116px, -64px) rotate(235deg);
    opacity: 0.6042901166;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(235deg);
            transform: translate(129.9px, -45px) rotate(235deg);
    opacity: 0.6042901166;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(235deg);
            transform: translate(144.3px, -20px) rotate(235deg);
    opacity: 0.6042901166;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(235deg);
            transform: translate(159.4px, 11.5px) rotate(235deg);
    opacity: 0.3021450583;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(235deg);
            transform: translate(175px, 50px) rotate(235deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-19 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(262deg);
            transform: translate(0px, 0px) rotate(262deg);
    opacity: 1.406276955;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(262deg);
            transform: translate(-12.6px, -30px) rotate(262deg);
    opacity: 1.406276955;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(262deg);
            transform: translate(-28px, -57.6px) rotate(262deg);
    opacity: 1.406276955;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(262deg);
            transform: translate(-46.1px, -78.7px) rotate(262deg);
    opacity: 1.406276955;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(262deg);
            transform: translate(-56.2px, -85.6px) rotate(262deg);
    opacity: 1.406276955;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(262deg);
            transform: translate(-66.9px, -89.4px) rotate(262deg);
    opacity: 1.406276955;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(262deg);
            transform: translate(-78.2px, -89.6px) rotate(262deg);
    opacity: 1.406276955;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(262deg);
            transform: translate(-90.2px, -85.8px) rotate(262deg);
    opacity: 1.406276955;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(262deg);
            transform: translate(-102.8px, -77.4px) rotate(262deg);
    opacity: 1.406276955;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(262deg);
            transform: translate(-116px, -64px) rotate(262deg);
    opacity: 1.406276955;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(262deg);
            transform: translate(-129.9px, -45px) rotate(262deg);
    opacity: 1.406276955;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(262deg);
            transform: translate(-144.3px, -20px) rotate(262deg);
    opacity: 1.406276955;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(262deg);
            transform: translate(-159.4px, 11.5px) rotate(262deg);
    opacity: 0.7031384775;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(262deg);
            transform: translate(-175px, 50px) rotate(262deg);
    opacity: 0;
  }
}
@keyframes drop-right-19 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(262deg);
            transform: translate(0px, 0px) rotate(262deg);
    opacity: 1.406276955;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(262deg);
            transform: translate(-12.6px, -30px) rotate(262deg);
    opacity: 1.406276955;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(262deg);
            transform: translate(-28px, -57.6px) rotate(262deg);
    opacity: 1.406276955;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(262deg);
            transform: translate(-46.1px, -78.7px) rotate(262deg);
    opacity: 1.406276955;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(262deg);
            transform: translate(-56.2px, -85.6px) rotate(262deg);
    opacity: 1.406276955;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(262deg);
            transform: translate(-66.9px, -89.4px) rotate(262deg);
    opacity: 1.406276955;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(262deg);
            transform: translate(-78.2px, -89.6px) rotate(262deg);
    opacity: 1.406276955;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(262deg);
            transform: translate(-90.2px, -85.8px) rotate(262deg);
    opacity: 1.406276955;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(262deg);
            transform: translate(-102.8px, -77.4px) rotate(262deg);
    opacity: 1.406276955;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(262deg);
            transform: translate(-116px, -64px) rotate(262deg);
    opacity: 1.406276955;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(262deg);
            transform: translate(-129.9px, -45px) rotate(262deg);
    opacity: 1.406276955;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(262deg);
            transform: translate(-144.3px, -20px) rotate(262deg);
    opacity: 1.406276955;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(262deg);
            transform: translate(-159.4px, 11.5px) rotate(262deg);
    opacity: 0.7031384775;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(262deg);
            transform: translate(-175px, 50px) rotate(262deg);
    opacity: 0;
  }
}
.confetti-left-20,
.confetti-right-20 {
  width: 12px;
  height: 4.8px;
  background-color: #E61D47;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-20 {
  -webkit-animation: drop-left-20 1.4335109899s 0.9073963556s 2 forwards;
          animation: drop-left-20 1.4335109899s 0.9073963556s 2 forwards;
}

.confetti-right-20 {
  -webkit-animation: drop-right-20 1.3054600209s 1.1373171944s 2 forwards;
          animation: drop-right-20 1.3054600209s 1.1373171944s 2 forwards;
}

@-webkit-keyframes drop-left-20 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(185deg);
            transform: translate(0px, 0px) rotate(185deg);
    opacity: 1.3554158363;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(185deg);
            transform: translate(15.75px, -37.5px) rotate(185deg);
    opacity: 1.3554158363;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(185deg);
            transform: translate(35px, -72px) rotate(185deg);
    opacity: 1.3554158363;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(185deg);
            transform: translate(57.625px, -98.375px) rotate(185deg);
    opacity: 1.3554158363;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(185deg);
            transform: translate(70.25px, -107px) rotate(185deg);
    opacity: 1.3554158363;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(185deg);
            transform: translate(83.625px, -111.75px) rotate(185deg);
    opacity: 1.3554158363;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(185deg);
            transform: translate(97.75px, -112px) rotate(185deg);
    opacity: 1.3554158363;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(185deg);
            transform: translate(112.75px, -107.25px) rotate(185deg);
    opacity: 1.3554158363;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(185deg);
            transform: translate(128.5px, -96.75px) rotate(185deg);
    opacity: 1.3554158363;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(185deg);
            transform: translate(145px, -80px) rotate(185deg);
    opacity: 1.3554158363;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(185deg);
            transform: translate(162.375px, -56.25px) rotate(185deg);
    opacity: 1.3554158363;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(185deg);
            transform: translate(180.375px, -25px) rotate(185deg);
    opacity: 1.3554158363;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(185deg);
            transform: translate(199.25px, 14.375px) rotate(185deg);
    opacity: 0.6777079181;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(185deg);
            transform: translate(218.75px, 62.5px) rotate(185deg);
    opacity: 0;
  }
}

@keyframes drop-left-20 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(185deg);
            transform: translate(0px, 0px) rotate(185deg);
    opacity: 1.3554158363;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(185deg);
            transform: translate(15.75px, -37.5px) rotate(185deg);
    opacity: 1.3554158363;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(185deg);
            transform: translate(35px, -72px) rotate(185deg);
    opacity: 1.3554158363;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(185deg);
            transform: translate(57.625px, -98.375px) rotate(185deg);
    opacity: 1.3554158363;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(185deg);
            transform: translate(70.25px, -107px) rotate(185deg);
    opacity: 1.3554158363;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(185deg);
            transform: translate(83.625px, -111.75px) rotate(185deg);
    opacity: 1.3554158363;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(185deg);
            transform: translate(97.75px, -112px) rotate(185deg);
    opacity: 1.3554158363;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(185deg);
            transform: translate(112.75px, -107.25px) rotate(185deg);
    opacity: 1.3554158363;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(185deg);
            transform: translate(128.5px, -96.75px) rotate(185deg);
    opacity: 1.3554158363;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(185deg);
            transform: translate(145px, -80px) rotate(185deg);
    opacity: 1.3554158363;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(185deg);
            transform: translate(162.375px, -56.25px) rotate(185deg);
    opacity: 1.3554158363;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(185deg);
            transform: translate(180.375px, -25px) rotate(185deg);
    opacity: 1.3554158363;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(185deg);
            transform: translate(199.25px, 14.375px) rotate(185deg);
    opacity: 0.6777079181;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(185deg);
            transform: translate(218.75px, 62.5px) rotate(185deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-20 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(210deg);
            transform: translate(0px, 0px) rotate(210deg);
    opacity: 0.744957231;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(210deg);
            transform: translate(-22.05px, -52.5px) rotate(210deg);
    opacity: 0.744957231;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(210deg);
            transform: translate(-49px, -100.8px) rotate(210deg);
    opacity: 0.744957231;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(210deg);
            transform: translate(-80.675px, -137.725px) rotate(210deg);
    opacity: 0.744957231;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(210deg);
            transform: translate(-98.35px, -149.8px) rotate(210deg);
    opacity: 0.744957231;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(210deg);
            transform: translate(-117.075px, -156.45px) rotate(210deg);
    opacity: 0.744957231;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(210deg);
            transform: translate(-136.85px, -156.8px) rotate(210deg);
    opacity: 0.744957231;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(210deg);
            transform: translate(-157.85px, -150.15px) rotate(210deg);
    opacity: 0.744957231;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(210deg);
            transform: translate(-179.9px, -135.45px) rotate(210deg);
    opacity: 0.744957231;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(210deg);
            transform: translate(-203px, -112px) rotate(210deg);
    opacity: 0.744957231;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(210deg);
            transform: translate(-227.325px, -78.75px) rotate(210deg);
    opacity: 0.744957231;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(210deg);
            transform: translate(-252.525px, -35px) rotate(210deg);
    opacity: 0.744957231;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(210deg);
            transform: translate(-278.95px, 20.125px) rotate(210deg);
    opacity: 0.3724786155;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(210deg);
            transform: translate(-306.25px, 87.5px) rotate(210deg);
    opacity: 0;
  }
}
@keyframes drop-right-20 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(210deg);
            transform: translate(0px, 0px) rotate(210deg);
    opacity: 0.744957231;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(210deg);
            transform: translate(-22.05px, -52.5px) rotate(210deg);
    opacity: 0.744957231;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(210deg);
            transform: translate(-49px, -100.8px) rotate(210deg);
    opacity: 0.744957231;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(210deg);
            transform: translate(-80.675px, -137.725px) rotate(210deg);
    opacity: 0.744957231;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(210deg);
            transform: translate(-98.35px, -149.8px) rotate(210deg);
    opacity: 0.744957231;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(210deg);
            transform: translate(-117.075px, -156.45px) rotate(210deg);
    opacity: 0.744957231;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(210deg);
            transform: translate(-136.85px, -156.8px) rotate(210deg);
    opacity: 0.744957231;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(210deg);
            transform: translate(-157.85px, -150.15px) rotate(210deg);
    opacity: 0.744957231;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(210deg);
            transform: translate(-179.9px, -135.45px) rotate(210deg);
    opacity: 0.744957231;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(210deg);
            transform: translate(-203px, -112px) rotate(210deg);
    opacity: 0.744957231;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(210deg);
            transform: translate(-227.325px, -78.75px) rotate(210deg);
    opacity: 0.744957231;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(210deg);
            transform: translate(-252.525px, -35px) rotate(210deg);
    opacity: 0.744957231;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(210deg);
            transform: translate(-278.95px, 20.125px) rotate(210deg);
    opacity: 0.3724786155;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(210deg);
            transform: translate(-306.25px, 87.5px) rotate(210deg);
    opacity: 0;
  }
}
.confetti-left-21,
.confetti-right-21 {
  width: 3px;
  height: 1.2px;
  background-color: #3FA5C3;
  top: calc(25% - 3px);
  left: calc(50% - 0.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-21 {
  -webkit-animation: drop-left-21 1.8820197055s 0.7901281957s 2 forwards;
          animation: drop-left-21 1.8820197055s 0.7901281957s 2 forwards;
}

.confetti-right-21 {
  -webkit-animation: drop-right-21 1.7158934235s 0.5990302897s 2 forwards;
          animation: drop-right-21 1.7158934235s 0.5990302897s 2 forwards;
}

@-webkit-keyframes drop-left-21 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(84deg);
            transform: translate(0px, 0px) rotate(84deg);
    opacity: 1.3633758525;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(84deg);
            transform: translate(15.75px, -37.5px) rotate(84deg);
    opacity: 1.3633758525;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(84deg);
            transform: translate(35px, -72px) rotate(84deg);
    opacity: 1.3633758525;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(84deg);
            transform: translate(57.625px, -98.375px) rotate(84deg);
    opacity: 1.3633758525;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(84deg);
            transform: translate(70.25px, -107px) rotate(84deg);
    opacity: 1.3633758525;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(84deg);
            transform: translate(83.625px, -111.75px) rotate(84deg);
    opacity: 1.3633758525;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(84deg);
            transform: translate(97.75px, -112px) rotate(84deg);
    opacity: 1.3633758525;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(84deg);
            transform: translate(112.75px, -107.25px) rotate(84deg);
    opacity: 1.3633758525;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(84deg);
            transform: translate(128.5px, -96.75px) rotate(84deg);
    opacity: 1.3633758525;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(84deg);
            transform: translate(145px, -80px) rotate(84deg);
    opacity: 1.3633758525;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(84deg);
            transform: translate(162.375px, -56.25px) rotate(84deg);
    opacity: 1.3633758525;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(84deg);
            transform: translate(180.375px, -25px) rotate(84deg);
    opacity: 1.3633758525;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(84deg);
            transform: translate(199.25px, 14.375px) rotate(84deg);
    opacity: 0.6816879262;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(84deg);
            transform: translate(218.75px, 62.5px) rotate(84deg);
    opacity: 0;
  }
}

@keyframes drop-left-21 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(84deg);
            transform: translate(0px, 0px) rotate(84deg);
    opacity: 1.3633758525;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(84deg);
            transform: translate(15.75px, -37.5px) rotate(84deg);
    opacity: 1.3633758525;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(84deg);
            transform: translate(35px, -72px) rotate(84deg);
    opacity: 1.3633758525;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(84deg);
            transform: translate(57.625px, -98.375px) rotate(84deg);
    opacity: 1.3633758525;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(84deg);
            transform: translate(70.25px, -107px) rotate(84deg);
    opacity: 1.3633758525;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(84deg);
            transform: translate(83.625px, -111.75px) rotate(84deg);
    opacity: 1.3633758525;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(84deg);
            transform: translate(97.75px, -112px) rotate(84deg);
    opacity: 1.3633758525;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(84deg);
            transform: translate(112.75px, -107.25px) rotate(84deg);
    opacity: 1.3633758525;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(84deg);
            transform: translate(128.5px, -96.75px) rotate(84deg);
    opacity: 1.3633758525;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(84deg);
            transform: translate(145px, -80px) rotate(84deg);
    opacity: 1.3633758525;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(84deg);
            transform: translate(162.375px, -56.25px) rotate(84deg);
    opacity: 1.3633758525;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(84deg);
            transform: translate(180.375px, -25px) rotate(84deg);
    opacity: 1.3633758525;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(84deg);
            transform: translate(199.25px, 14.375px) rotate(84deg);
    opacity: 0.6816879262;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(84deg);
            transform: translate(218.75px, 62.5px) rotate(84deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-21 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(251deg);
            transform: translate(0px, 0px) rotate(251deg);
    opacity: 0.5964219385;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(251deg);
            transform: translate(-15.75px, -37.5px) rotate(251deg);
    opacity: 0.5964219385;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(251deg);
            transform: translate(-35px, -72px) rotate(251deg);
    opacity: 0.5964219385;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(251deg);
            transform: translate(-57.625px, -98.375px) rotate(251deg);
    opacity: 0.5964219385;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(251deg);
            transform: translate(-70.25px, -107px) rotate(251deg);
    opacity: 0.5964219385;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(251deg);
            transform: translate(-83.625px, -111.75px) rotate(251deg);
    opacity: 0.5964219385;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(251deg);
            transform: translate(-97.75px, -112px) rotate(251deg);
    opacity: 0.5964219385;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(251deg);
            transform: translate(-112.75px, -107.25px) rotate(251deg);
    opacity: 0.5964219385;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(251deg);
            transform: translate(-128.5px, -96.75px) rotate(251deg);
    opacity: 0.5964219385;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(251deg);
            transform: translate(-145px, -80px) rotate(251deg);
    opacity: 0.5964219385;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(251deg);
            transform: translate(-162.375px, -56.25px) rotate(251deg);
    opacity: 0.5964219385;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(251deg);
            transform: translate(-180.375px, -25px) rotate(251deg);
    opacity: 0.5964219385;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(251deg);
            transform: translate(-199.25px, 14.375px) rotate(251deg);
    opacity: 0.2982109692;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(251deg);
            transform: translate(-218.75px, 62.5px) rotate(251deg);
    opacity: 0;
  }
}
@keyframes drop-right-21 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(251deg);
            transform: translate(0px, 0px) rotate(251deg);
    opacity: 0.5964219385;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(251deg);
            transform: translate(-15.75px, -37.5px) rotate(251deg);
    opacity: 0.5964219385;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(251deg);
            transform: translate(-35px, -72px) rotate(251deg);
    opacity: 0.5964219385;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(251deg);
            transform: translate(-57.625px, -98.375px) rotate(251deg);
    opacity: 0.5964219385;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(251deg);
            transform: translate(-70.25px, -107px) rotate(251deg);
    opacity: 0.5964219385;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(251deg);
            transform: translate(-83.625px, -111.75px) rotate(251deg);
    opacity: 0.5964219385;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(251deg);
            transform: translate(-97.75px, -112px) rotate(251deg);
    opacity: 0.5964219385;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(251deg);
            transform: translate(-112.75px, -107.25px) rotate(251deg);
    opacity: 0.5964219385;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(251deg);
            transform: translate(-128.5px, -96.75px) rotate(251deg);
    opacity: 0.5964219385;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(251deg);
            transform: translate(-145px, -80px) rotate(251deg);
    opacity: 0.5964219385;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(251deg);
            transform: translate(-162.375px, -56.25px) rotate(251deg);
    opacity: 0.5964219385;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(251deg);
            transform: translate(-180.375px, -25px) rotate(251deg);
    opacity: 0.5964219385;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(251deg);
            transform: translate(-199.25px, 14.375px) rotate(251deg);
    opacity: 0.2982109692;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(251deg);
            transform: translate(-218.75px, 62.5px) rotate(251deg);
    opacity: 0;
  }
}
.confetti-left-22,
.confetti-right-22 {
  width: 18px;
  height: 7.2px;
  background-color: #765AA3;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-22 {
  -webkit-animation: drop-left-22 1.4736225608s 0.4522423912s 2 forwards;
          animation: drop-left-22 1.4736225608s 0.4522423912s 2 forwards;
}

.confetti-right-22 {
  -webkit-animation: drop-right-22 1.575735035s 1.1503359794s 2 forwards;
          animation: drop-right-22 1.575735035s 1.1503359794s 2 forwards;
}

@-webkit-keyframes drop-left-22 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(103deg);
            transform: translate(0px, 0px) rotate(103deg);
    opacity: 1.264416155;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(103deg);
            transform: translate(31.5px, -75px) rotate(103deg);
    opacity: 1.264416155;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(103deg);
            transform: translate(70px, -144px) rotate(103deg);
    opacity: 1.264416155;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(103deg);
            transform: translate(115.25px, -196.75px) rotate(103deg);
    opacity: 1.264416155;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(103deg);
            transform: translate(140.5px, -214px) rotate(103deg);
    opacity: 1.264416155;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(103deg);
            transform: translate(167.25px, -223.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(103deg);
            transform: translate(195.5px, -224px) rotate(103deg);
    opacity: 1.264416155;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(103deg);
            transform: translate(225.5px, -214.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(103deg);
            transform: translate(257px, -193.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(103deg);
            transform: translate(290px, -160px) rotate(103deg);
    opacity: 1.264416155;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(103deg);
            transform: translate(324.75px, -112.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(103deg);
            transform: translate(360.75px, -50px) rotate(103deg);
    opacity: 1.264416155;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(103deg);
            transform: translate(398.5px, 28.75px) rotate(103deg);
    opacity: 0.6322080775;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(103deg);
            transform: translate(437.5px, 125px) rotate(103deg);
    opacity: 0;
  }
}

@keyframes drop-left-22 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(103deg);
            transform: translate(0px, 0px) rotate(103deg);
    opacity: 1.264416155;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(103deg);
            transform: translate(31.5px, -75px) rotate(103deg);
    opacity: 1.264416155;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(103deg);
            transform: translate(70px, -144px) rotate(103deg);
    opacity: 1.264416155;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(103deg);
            transform: translate(115.25px, -196.75px) rotate(103deg);
    opacity: 1.264416155;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(103deg);
            transform: translate(140.5px, -214px) rotate(103deg);
    opacity: 1.264416155;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(103deg);
            transform: translate(167.25px, -223.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(103deg);
            transform: translate(195.5px, -224px) rotate(103deg);
    opacity: 1.264416155;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(103deg);
            transform: translate(225.5px, -214.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(103deg);
            transform: translate(257px, -193.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(103deg);
            transform: translate(290px, -160px) rotate(103deg);
    opacity: 1.264416155;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(103deg);
            transform: translate(324.75px, -112.5px) rotate(103deg);
    opacity: 1.264416155;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(103deg);
            transform: translate(360.75px, -50px) rotate(103deg);
    opacity: 1.264416155;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(103deg);
            transform: translate(398.5px, 28.75px) rotate(103deg);
    opacity: 0.6322080775;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(103deg);
            transform: translate(437.5px, 125px) rotate(103deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-22 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(235deg);
            transform: translate(0px, 0px) rotate(235deg);
    opacity: 1.3255245469;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(235deg);
            transform: translate(-22.05px, -52.5px) rotate(235deg);
    opacity: 1.3255245469;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(235deg);
            transform: translate(-49px, -100.8px) rotate(235deg);
    opacity: 1.3255245469;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(235deg);
            transform: translate(-80.675px, -137.725px) rotate(235deg);
    opacity: 1.3255245469;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(235deg);
            transform: translate(-98.35px, -149.8px) rotate(235deg);
    opacity: 1.3255245469;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(235deg);
            transform: translate(-117.075px, -156.45px) rotate(235deg);
    opacity: 1.3255245469;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(235deg);
            transform: translate(-136.85px, -156.8px) rotate(235deg);
    opacity: 1.3255245469;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(235deg);
            transform: translate(-157.85px, -150.15px) rotate(235deg);
    opacity: 1.3255245469;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(235deg);
            transform: translate(-179.9px, -135.45px) rotate(235deg);
    opacity: 1.3255245469;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(235deg);
            transform: translate(-203px, -112px) rotate(235deg);
    opacity: 1.3255245469;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(235deg);
            transform: translate(-227.325px, -78.75px) rotate(235deg);
    opacity: 1.3255245469;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(235deg);
            transform: translate(-252.525px, -35px) rotate(235deg);
    opacity: 1.3255245469;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(235deg);
            transform: translate(-278.95px, 20.125px) rotate(235deg);
    opacity: 0.6627622734;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(235deg);
            transform: translate(-306.25px, 87.5px) rotate(235deg);
    opacity: 0;
  }
}
@keyframes drop-right-22 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(235deg);
            transform: translate(0px, 0px) rotate(235deg);
    opacity: 1.3255245469;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(235deg);
            transform: translate(-22.05px, -52.5px) rotate(235deg);
    opacity: 1.3255245469;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(235deg);
            transform: translate(-49px, -100.8px) rotate(235deg);
    opacity: 1.3255245469;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(235deg);
            transform: translate(-80.675px, -137.725px) rotate(235deg);
    opacity: 1.3255245469;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(235deg);
            transform: translate(-98.35px, -149.8px) rotate(235deg);
    opacity: 1.3255245469;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(235deg);
            transform: translate(-117.075px, -156.45px) rotate(235deg);
    opacity: 1.3255245469;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(235deg);
            transform: translate(-136.85px, -156.8px) rotate(235deg);
    opacity: 1.3255245469;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(235deg);
            transform: translate(-157.85px, -150.15px) rotate(235deg);
    opacity: 1.3255245469;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(235deg);
            transform: translate(-179.9px, -135.45px) rotate(235deg);
    opacity: 1.3255245469;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(235deg);
            transform: translate(-203px, -112px) rotate(235deg);
    opacity: 1.3255245469;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(235deg);
            transform: translate(-227.325px, -78.75px) rotate(235deg);
    opacity: 1.3255245469;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(235deg);
            transform: translate(-252.525px, -35px) rotate(235deg);
    opacity: 1.3255245469;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(235deg);
            transform: translate(-278.95px, 20.125px) rotate(235deg);
    opacity: 0.6627622734;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(235deg);
            transform: translate(-306.25px, 87.5px) rotate(235deg);
    opacity: 0;
  }
}
.confetti-left-23,
.confetti-right-23 {
  width: 0.6px;
  height: 0.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-23 {
  -webkit-animation: drop-left-23 1.423666099s 0.6213024651s 2 forwards;
          animation: drop-left-23 1.423666099s 0.6213024651s 2 forwards;
}

.confetti-right-23 {
  -webkit-animation: drop-right-23 1.9068850578s 1.2121620214s 2 forwards;
          animation: drop-right-23 1.9068850578s 1.2121620214s 2 forwards;
}

@-webkit-keyframes drop-left-23 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(115deg);
            transform: translate(0px, 0px) rotate(115deg);
    opacity: 1.2288068844;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(115deg);
            transform: translate(22.05px, -52.5px) rotate(115deg);
    opacity: 1.2288068844;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(115deg);
            transform: translate(49px, -100.8px) rotate(115deg);
    opacity: 1.2288068844;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(115deg);
            transform: translate(80.675px, -137.725px) rotate(115deg);
    opacity: 1.2288068844;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(115deg);
            transform: translate(98.35px, -149.8px) rotate(115deg);
    opacity: 1.2288068844;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(115deg);
            transform: translate(117.075px, -156.45px) rotate(115deg);
    opacity: 1.2288068844;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(115deg);
            transform: translate(136.85px, -156.8px) rotate(115deg);
    opacity: 1.2288068844;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(115deg);
            transform: translate(157.85px, -150.15px) rotate(115deg);
    opacity: 1.2288068844;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(115deg);
            transform: translate(179.9px, -135.45px) rotate(115deg);
    opacity: 1.2288068844;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(115deg);
            transform: translate(203px, -112px) rotate(115deg);
    opacity: 1.2288068844;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(115deg);
            transform: translate(227.325px, -78.75px) rotate(115deg);
    opacity: 1.2288068844;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(115deg);
            transform: translate(252.525px, -35px) rotate(115deg);
    opacity: 1.2288068844;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(115deg);
            transform: translate(278.95px, 20.125px) rotate(115deg);
    opacity: 0.6144034422;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(115deg);
            transform: translate(306.25px, 87.5px) rotate(115deg);
    opacity: 0;
  }
}

@keyframes drop-left-23 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(115deg);
            transform: translate(0px, 0px) rotate(115deg);
    opacity: 1.2288068844;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(115deg);
            transform: translate(22.05px, -52.5px) rotate(115deg);
    opacity: 1.2288068844;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(115deg);
            transform: translate(49px, -100.8px) rotate(115deg);
    opacity: 1.2288068844;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(115deg);
            transform: translate(80.675px, -137.725px) rotate(115deg);
    opacity: 1.2288068844;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(115deg);
            transform: translate(98.35px, -149.8px) rotate(115deg);
    opacity: 1.2288068844;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(115deg);
            transform: translate(117.075px, -156.45px) rotate(115deg);
    opacity: 1.2288068844;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(115deg);
            transform: translate(136.85px, -156.8px) rotate(115deg);
    opacity: 1.2288068844;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(115deg);
            transform: translate(157.85px, -150.15px) rotate(115deg);
    opacity: 1.2288068844;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(115deg);
            transform: translate(179.9px, -135.45px) rotate(115deg);
    opacity: 1.2288068844;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(115deg);
            transform: translate(203px, -112px) rotate(115deg);
    opacity: 1.2288068844;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(115deg);
            transform: translate(227.325px, -78.75px) rotate(115deg);
    opacity: 1.2288068844;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(115deg);
            transform: translate(252.525px, -35px) rotate(115deg);
    opacity: 1.2288068844;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(115deg);
            transform: translate(278.95px, 20.125px) rotate(115deg);
    opacity: 0.6144034422;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(115deg);
            transform: translate(306.25px, 87.5px) rotate(115deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-23 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(176deg);
            transform: translate(0px, 0px) rotate(176deg);
    opacity: 0.5633337085;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(176deg);
            transform: translate(-25.2px, -60px) rotate(176deg);
    opacity: 0.5633337085;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(176deg);
            transform: translate(-56px, -115.2px) rotate(176deg);
    opacity: 0.5633337085;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(176deg);
            transform: translate(-92.2px, -157.4px) rotate(176deg);
    opacity: 0.5633337085;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(176deg);
            transform: translate(-112.4px, -171.2px) rotate(176deg);
    opacity: 0.5633337085;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(176deg);
            transform: translate(-133.8px, -178.8px) rotate(176deg);
    opacity: 0.5633337085;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(176deg);
            transform: translate(-156.4px, -179.2px) rotate(176deg);
    opacity: 0.5633337085;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(176deg);
            transform: translate(-180.4px, -171.6px) rotate(176deg);
    opacity: 0.5633337085;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(176deg);
            transform: translate(-205.6px, -154.8px) rotate(176deg);
    opacity: 0.5633337085;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(176deg);
            transform: translate(-232px, -128px) rotate(176deg);
    opacity: 0.5633337085;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(176deg);
            transform: translate(-259.8px, -90px) rotate(176deg);
    opacity: 0.5633337085;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(176deg);
            transform: translate(-288.6px, -40px) rotate(176deg);
    opacity: 0.5633337085;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(176deg);
            transform: translate(-318.8px, 23px) rotate(176deg);
    opacity: 0.2816668543;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(176deg);
            transform: translate(-350px, 100px) rotate(176deg);
    opacity: 0;
  }
}
@keyframes drop-right-23 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(176deg);
            transform: translate(0px, 0px) rotate(176deg);
    opacity: 0.5633337085;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(176deg);
            transform: translate(-25.2px, -60px) rotate(176deg);
    opacity: 0.5633337085;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(176deg);
            transform: translate(-56px, -115.2px) rotate(176deg);
    opacity: 0.5633337085;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(176deg);
            transform: translate(-92.2px, -157.4px) rotate(176deg);
    opacity: 0.5633337085;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(176deg);
            transform: translate(-112.4px, -171.2px) rotate(176deg);
    opacity: 0.5633337085;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(176deg);
            transform: translate(-133.8px, -178.8px) rotate(176deg);
    opacity: 0.5633337085;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(176deg);
            transform: translate(-156.4px, -179.2px) rotate(176deg);
    opacity: 0.5633337085;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(176deg);
            transform: translate(-180.4px, -171.6px) rotate(176deg);
    opacity: 0.5633337085;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(176deg);
            transform: translate(-205.6px, -154.8px) rotate(176deg);
    opacity: 0.5633337085;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(176deg);
            transform: translate(-232px, -128px) rotate(176deg);
    opacity: 0.5633337085;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(176deg);
            transform: translate(-259.8px, -90px) rotate(176deg);
    opacity: 0.5633337085;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(176deg);
            transform: translate(-288.6px, -40px) rotate(176deg);
    opacity: 0.5633337085;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(176deg);
            transform: translate(-318.8px, 23px) rotate(176deg);
    opacity: 0.2816668543;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(176deg);
            transform: translate(-350px, 100px) rotate(176deg);
    opacity: 0;
  }
}
.confetti-left-24,
.confetti-right-24 {
  width: 9px;
  height: 3.6px;
  background-color: #3FA5C3;
  top: calc(25% - 9px);
  left: calc(50% - 2.7px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-24 {
  -webkit-animation: drop-left-24 1.4996499135s 0.6266463751s 2 forwards;
          animation: drop-left-24 1.4996499135s 0.6266463751s 2 forwards;
}

.confetti-right-24 {
  -webkit-animation: drop-right-24 1.5774784683s 0.8830872845s 2 forwards;
          animation: drop-right-24 1.5774784683s 0.8830872845s 2 forwards;
}

@-webkit-keyframes drop-left-24 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(208deg);
            transform: translate(0px, 0px) rotate(208deg);
    opacity: 1.3819658799;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(208deg);
            transform: translate(15.75px, -37.5px) rotate(208deg);
    opacity: 1.3819658799;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(208deg);
            transform: translate(35px, -72px) rotate(208deg);
    opacity: 1.3819658799;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(208deg);
            transform: translate(57.625px, -98.375px) rotate(208deg);
    opacity: 1.3819658799;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(208deg);
            transform: translate(70.25px, -107px) rotate(208deg);
    opacity: 1.3819658799;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(208deg);
            transform: translate(83.625px, -111.75px) rotate(208deg);
    opacity: 1.3819658799;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(208deg);
            transform: translate(97.75px, -112px) rotate(208deg);
    opacity: 1.3819658799;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(208deg);
            transform: translate(112.75px, -107.25px) rotate(208deg);
    opacity: 1.3819658799;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(208deg);
            transform: translate(128.5px, -96.75px) rotate(208deg);
    opacity: 1.3819658799;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(208deg);
            transform: translate(145px, -80px) rotate(208deg);
    opacity: 1.3819658799;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(208deg);
            transform: translate(162.375px, -56.25px) rotate(208deg);
    opacity: 1.3819658799;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(208deg);
            transform: translate(180.375px, -25px) rotate(208deg);
    opacity: 1.3819658799;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(208deg);
            transform: translate(199.25px, 14.375px) rotate(208deg);
    opacity: 0.69098294;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(208deg);
            transform: translate(218.75px, 62.5px) rotate(208deg);
    opacity: 0;
  }
}

@keyframes drop-left-24 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(208deg);
            transform: translate(0px, 0px) rotate(208deg);
    opacity: 1.3819658799;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(208deg);
            transform: translate(15.75px, -37.5px) rotate(208deg);
    opacity: 1.3819658799;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(208deg);
            transform: translate(35px, -72px) rotate(208deg);
    opacity: 1.3819658799;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(208deg);
            transform: translate(57.625px, -98.375px) rotate(208deg);
    opacity: 1.3819658799;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(208deg);
            transform: translate(70.25px, -107px) rotate(208deg);
    opacity: 1.3819658799;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(208deg);
            transform: translate(83.625px, -111.75px) rotate(208deg);
    opacity: 1.3819658799;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(208deg);
            transform: translate(97.75px, -112px) rotate(208deg);
    opacity: 1.3819658799;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(208deg);
            transform: translate(112.75px, -107.25px) rotate(208deg);
    opacity: 1.3819658799;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(208deg);
            transform: translate(128.5px, -96.75px) rotate(208deg);
    opacity: 1.3819658799;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(208deg);
            transform: translate(145px, -80px) rotate(208deg);
    opacity: 1.3819658799;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(208deg);
            transform: translate(162.375px, -56.25px) rotate(208deg);
    opacity: 1.3819658799;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(208deg);
            transform: translate(180.375px, -25px) rotate(208deg);
    opacity: 1.3819658799;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(208deg);
            transform: translate(199.25px, 14.375px) rotate(208deg);
    opacity: 0.69098294;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(208deg);
            transform: translate(218.75px, 62.5px) rotate(208deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-24 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(16deg);
            transform: translate(0px, 0px) rotate(16deg);
    opacity: 0.5686872263;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(16deg);
            transform: translate(-6.3px, -15px) rotate(16deg);
    opacity: 0.5686872263;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(16deg);
            transform: translate(-14px, -28.8px) rotate(16deg);
    opacity: 0.5686872263;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(16deg);
            transform: translate(-23.05px, -39.35px) rotate(16deg);
    opacity: 0.5686872263;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(16deg);
            transform: translate(-28.1px, -42.8px) rotate(16deg);
    opacity: 0.5686872263;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(16deg);
            transform: translate(-33.45px, -44.7px) rotate(16deg);
    opacity: 0.5686872263;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(16deg);
            transform: translate(-39.1px, -44.8px) rotate(16deg);
    opacity: 0.5686872263;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(16deg);
            transform: translate(-45.1px, -42.9px) rotate(16deg);
    opacity: 0.5686872263;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(16deg);
            transform: translate(-51.4px, -38.7px) rotate(16deg);
    opacity: 0.5686872263;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(16deg);
            transform: translate(-58px, -32px) rotate(16deg);
    opacity: 0.5686872263;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(16deg);
            transform: translate(-64.95px, -22.5px) rotate(16deg);
    opacity: 0.5686872263;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(16deg);
            transform: translate(-72.15px, -10px) rotate(16deg);
    opacity: 0.5686872263;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(16deg);
            transform: translate(-79.7px, 5.75px) rotate(16deg);
    opacity: 0.2843436131;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(16deg);
            transform: translate(-87.5px, 25px) rotate(16deg);
    opacity: 0;
  }
}
@keyframes drop-right-24 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(16deg);
            transform: translate(0px, 0px) rotate(16deg);
    opacity: 0.5686872263;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(16deg);
            transform: translate(-6.3px, -15px) rotate(16deg);
    opacity: 0.5686872263;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(16deg);
            transform: translate(-14px, -28.8px) rotate(16deg);
    opacity: 0.5686872263;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(16deg);
            transform: translate(-23.05px, -39.35px) rotate(16deg);
    opacity: 0.5686872263;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(16deg);
            transform: translate(-28.1px, -42.8px) rotate(16deg);
    opacity: 0.5686872263;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(16deg);
            transform: translate(-33.45px, -44.7px) rotate(16deg);
    opacity: 0.5686872263;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(16deg);
            transform: translate(-39.1px, -44.8px) rotate(16deg);
    opacity: 0.5686872263;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(16deg);
            transform: translate(-45.1px, -42.9px) rotate(16deg);
    opacity: 0.5686872263;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(16deg);
            transform: translate(-51.4px, -38.7px) rotate(16deg);
    opacity: 0.5686872263;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(16deg);
            transform: translate(-58px, -32px) rotate(16deg);
    opacity: 0.5686872263;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(16deg);
            transform: translate(-64.95px, -22.5px) rotate(16deg);
    opacity: 0.5686872263;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(16deg);
            transform: translate(-72.15px, -10px) rotate(16deg);
    opacity: 0.5686872263;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(16deg);
            transform: translate(-79.7px, 5.75px) rotate(16deg);
    opacity: 0.2843436131;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(16deg);
            transform: translate(-87.5px, 25px) rotate(16deg);
    opacity: 0;
  }
}
.confetti-left-25,
.confetti-right-25 {
  width: 2px;
  height: 0.8px;
  background-color: #3FA5C3;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-25 {
  -webkit-animation: drop-left-25 1.4798675056s 1.0856667076s 2 forwards;
          animation: drop-left-25 1.4798675056s 1.0856667076s 2 forwards;
}

.confetti-right-25 {
  -webkit-animation: drop-right-25 1.0231547406s 1.2976249211s 2 forwards;
          animation: drop-right-25 1.0231547406s 1.2976249211s 2 forwards;
}

@-webkit-keyframes drop-left-25 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(8deg);
            transform: translate(0px, 0px) rotate(8deg);
    opacity: 0.7701084819;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(8deg);
            transform: translate(15.75px, -37.5px) rotate(8deg);
    opacity: 0.7701084819;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(8deg);
            transform: translate(35px, -72px) rotate(8deg);
    opacity: 0.7701084819;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(8deg);
            transform: translate(57.625px, -98.375px) rotate(8deg);
    opacity: 0.7701084819;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(8deg);
            transform: translate(70.25px, -107px) rotate(8deg);
    opacity: 0.7701084819;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(8deg);
            transform: translate(83.625px, -111.75px) rotate(8deg);
    opacity: 0.7701084819;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(8deg);
            transform: translate(97.75px, -112px) rotate(8deg);
    opacity: 0.7701084819;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(8deg);
            transform: translate(112.75px, -107.25px) rotate(8deg);
    opacity: 0.7701084819;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(8deg);
            transform: translate(128.5px, -96.75px) rotate(8deg);
    opacity: 0.7701084819;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(8deg);
            transform: translate(145px, -80px) rotate(8deg);
    opacity: 0.7701084819;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(8deg);
            transform: translate(162.375px, -56.25px) rotate(8deg);
    opacity: 0.7701084819;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(8deg);
            transform: translate(180.375px, -25px) rotate(8deg);
    opacity: 0.7701084819;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(8deg);
            transform: translate(199.25px, 14.375px) rotate(8deg);
    opacity: 0.385054241;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(8deg);
            transform: translate(218.75px, 62.5px) rotate(8deg);
    opacity: 0;
  }
}

@keyframes drop-left-25 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(8deg);
            transform: translate(0px, 0px) rotate(8deg);
    opacity: 0.7701084819;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(8deg);
            transform: translate(15.75px, -37.5px) rotate(8deg);
    opacity: 0.7701084819;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(8deg);
            transform: translate(35px, -72px) rotate(8deg);
    opacity: 0.7701084819;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(8deg);
            transform: translate(57.625px, -98.375px) rotate(8deg);
    opacity: 0.7701084819;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(8deg);
            transform: translate(70.25px, -107px) rotate(8deg);
    opacity: 0.7701084819;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(8deg);
            transform: translate(83.625px, -111.75px) rotate(8deg);
    opacity: 0.7701084819;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(8deg);
            transform: translate(97.75px, -112px) rotate(8deg);
    opacity: 0.7701084819;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(8deg);
            transform: translate(112.75px, -107.25px) rotate(8deg);
    opacity: 0.7701084819;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(8deg);
            transform: translate(128.5px, -96.75px) rotate(8deg);
    opacity: 0.7701084819;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(8deg);
            transform: translate(145px, -80px) rotate(8deg);
    opacity: 0.7701084819;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(8deg);
            transform: translate(162.375px, -56.25px) rotate(8deg);
    opacity: 0.7701084819;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(8deg);
            transform: translate(180.375px, -25px) rotate(8deg);
    opacity: 0.7701084819;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(8deg);
            transform: translate(199.25px, 14.375px) rotate(8deg);
    opacity: 0.385054241;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(8deg);
            transform: translate(218.75px, 62.5px) rotate(8deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-25 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(42deg);
            transform: translate(0px, 0px) rotate(42deg);
    opacity: 1.0077731357;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(42deg);
            transform: translate(-12.6px, -30px) rotate(42deg);
    opacity: 1.0077731357;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(42deg);
            transform: translate(-28px, -57.6px) rotate(42deg);
    opacity: 1.0077731357;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(42deg);
            transform: translate(-46.1px, -78.7px) rotate(42deg);
    opacity: 1.0077731357;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(42deg);
            transform: translate(-56.2px, -85.6px) rotate(42deg);
    opacity: 1.0077731357;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(42deg);
            transform: translate(-66.9px, -89.4px) rotate(42deg);
    opacity: 1.0077731357;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(42deg);
            transform: translate(-78.2px, -89.6px) rotate(42deg);
    opacity: 1.0077731357;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(42deg);
            transform: translate(-90.2px, -85.8px) rotate(42deg);
    opacity: 1.0077731357;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(42deg);
            transform: translate(-102.8px, -77.4px) rotate(42deg);
    opacity: 1.0077731357;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(42deg);
            transform: translate(-116px, -64px) rotate(42deg);
    opacity: 1.0077731357;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(42deg);
            transform: translate(-129.9px, -45px) rotate(42deg);
    opacity: 1.0077731357;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(42deg);
            transform: translate(-144.3px, -20px) rotate(42deg);
    opacity: 1.0077731357;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(42deg);
            transform: translate(-159.4px, 11.5px) rotate(42deg);
    opacity: 0.5038865678;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(42deg);
            transform: translate(-175px, 50px) rotate(42deg);
    opacity: 0;
  }
}
@keyframes drop-right-25 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(42deg);
            transform: translate(0px, 0px) rotate(42deg);
    opacity: 1.0077731357;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(42deg);
            transform: translate(-12.6px, -30px) rotate(42deg);
    opacity: 1.0077731357;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(42deg);
            transform: translate(-28px, -57.6px) rotate(42deg);
    opacity: 1.0077731357;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(42deg);
            transform: translate(-46.1px, -78.7px) rotate(42deg);
    opacity: 1.0077731357;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(42deg);
            transform: translate(-56.2px, -85.6px) rotate(42deg);
    opacity: 1.0077731357;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(42deg);
            transform: translate(-66.9px, -89.4px) rotate(42deg);
    opacity: 1.0077731357;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(42deg);
            transform: translate(-78.2px, -89.6px) rotate(42deg);
    opacity: 1.0077731357;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(42deg);
            transform: translate(-90.2px, -85.8px) rotate(42deg);
    opacity: 1.0077731357;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(42deg);
            transform: translate(-102.8px, -77.4px) rotate(42deg);
    opacity: 1.0077731357;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(42deg);
            transform: translate(-116px, -64px) rotate(42deg);
    opacity: 1.0077731357;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(42deg);
            transform: translate(-129.9px, -45px) rotate(42deg);
    opacity: 1.0077731357;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(42deg);
            transform: translate(-144.3px, -20px) rotate(42deg);
    opacity: 1.0077731357;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(42deg);
            transform: translate(-159.4px, 11.5px) rotate(42deg);
    opacity: 0.5038865678;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(42deg);
            transform: translate(-175px, 50px) rotate(42deg);
    opacity: 0;
  }
}
.confetti-left-26,
.confetti-right-26 {
  width: 1.8px;
  height: 1.8px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 3px);
  left: calc(50% - 0.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-26 {
  -webkit-animation: drop-left-26 1.0557729379s 1.2073957353s 2 forwards;
          animation: drop-left-26 1.0557729379s 1.2073957353s 2 forwards;
}

.confetti-right-26 {
  -webkit-animation: drop-right-26 1.4312702016s 1.01539871s 2 forwards;
          animation: drop-right-26 1.4312702016s 1.01539871s 2 forwards;
}

@-webkit-keyframes drop-left-26 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(51deg);
            transform: translate(0px, 0px) rotate(51deg);
    opacity: 0.9154128792;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(51deg);
            transform: translate(18.9px, -45px) rotate(51deg);
    opacity: 0.9154128792;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(51deg);
            transform: translate(42px, -86.4px) rotate(51deg);
    opacity: 0.9154128792;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(51deg);
            transform: translate(69.15px, -118.05px) rotate(51deg);
    opacity: 0.9154128792;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(51deg);
            transform: translate(84.3px, -128.4px) rotate(51deg);
    opacity: 0.9154128792;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(51deg);
            transform: translate(100.35px, -134.1px) rotate(51deg);
    opacity: 0.9154128792;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(51deg);
            transform: translate(117.3px, -134.4px) rotate(51deg);
    opacity: 0.9154128792;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(51deg);
            transform: translate(135.3px, -128.7px) rotate(51deg);
    opacity: 0.9154128792;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(51deg);
            transform: translate(154.2px, -116.1px) rotate(51deg);
    opacity: 0.9154128792;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(51deg);
            transform: translate(174px, -96px) rotate(51deg);
    opacity: 0.9154128792;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(51deg);
            transform: translate(194.85px, -67.5px) rotate(51deg);
    opacity: 0.9154128792;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(51deg);
            transform: translate(216.45px, -30px) rotate(51deg);
    opacity: 0.9154128792;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(51deg);
            transform: translate(239.1px, 17.25px) rotate(51deg);
    opacity: 0.4577064396;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(51deg);
            transform: translate(262.5px, 75px) rotate(51deg);
    opacity: 0;
  }
}

@keyframes drop-left-26 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(51deg);
            transform: translate(0px, 0px) rotate(51deg);
    opacity: 0.9154128792;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(51deg);
            transform: translate(18.9px, -45px) rotate(51deg);
    opacity: 0.9154128792;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(51deg);
            transform: translate(42px, -86.4px) rotate(51deg);
    opacity: 0.9154128792;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(51deg);
            transform: translate(69.15px, -118.05px) rotate(51deg);
    opacity: 0.9154128792;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(51deg);
            transform: translate(84.3px, -128.4px) rotate(51deg);
    opacity: 0.9154128792;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(51deg);
            transform: translate(100.35px, -134.1px) rotate(51deg);
    opacity: 0.9154128792;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(51deg);
            transform: translate(117.3px, -134.4px) rotate(51deg);
    opacity: 0.9154128792;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(51deg);
            transform: translate(135.3px, -128.7px) rotate(51deg);
    opacity: 0.9154128792;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(51deg);
            transform: translate(154.2px, -116.1px) rotate(51deg);
    opacity: 0.9154128792;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(51deg);
            transform: translate(174px, -96px) rotate(51deg);
    opacity: 0.9154128792;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(51deg);
            transform: translate(194.85px, -67.5px) rotate(51deg);
    opacity: 0.9154128792;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(51deg);
            transform: translate(216.45px, -30px) rotate(51deg);
    opacity: 0.9154128792;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(51deg);
            transform: translate(239.1px, 17.25px) rotate(51deg);
    opacity: 0.4577064396;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(51deg);
            transform: translate(262.5px, 75px) rotate(51deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-26 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(236deg);
            transform: translate(0px, 0px) rotate(236deg);
    opacity: 0.9779302966;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(236deg);
            transform: translate(-9.45px, -22.5px) rotate(236deg);
    opacity: 0.9779302966;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(236deg);
            transform: translate(-21px, -43.2px) rotate(236deg);
    opacity: 0.9779302966;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(236deg);
            transform: translate(-34.575px, -59.025px) rotate(236deg);
    opacity: 0.9779302966;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(236deg);
            transform: translate(-42.15px, -64.2px) rotate(236deg);
    opacity: 0.9779302966;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(236deg);
            transform: translate(-50.175px, -67.05px) rotate(236deg);
    opacity: 0.9779302966;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(236deg);
            transform: translate(-58.65px, -67.2px) rotate(236deg);
    opacity: 0.9779302966;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(236deg);
            transform: translate(-67.65px, -64.35px) rotate(236deg);
    opacity: 0.9779302966;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(236deg);
            transform: translate(-77.1px, -58.05px) rotate(236deg);
    opacity: 0.9779302966;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(236deg);
            transform: translate(-87px, -48px) rotate(236deg);
    opacity: 0.9779302966;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(236deg);
            transform: translate(-97.425px, -33.75px) rotate(236deg);
    opacity: 0.9779302966;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(236deg);
            transform: translate(-108.225px, -15px) rotate(236deg);
    opacity: 0.9779302966;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(236deg);
            transform: translate(-119.55px, 8.625px) rotate(236deg);
    opacity: 0.4889651483;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(236deg);
            transform: translate(-131.25px, 37.5px) rotate(236deg);
    opacity: 0;
  }
}
@keyframes drop-right-26 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(236deg);
            transform: translate(0px, 0px) rotate(236deg);
    opacity: 0.9779302966;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(236deg);
            transform: translate(-9.45px, -22.5px) rotate(236deg);
    opacity: 0.9779302966;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(236deg);
            transform: translate(-21px, -43.2px) rotate(236deg);
    opacity: 0.9779302966;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(236deg);
            transform: translate(-34.575px, -59.025px) rotate(236deg);
    opacity: 0.9779302966;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(236deg);
            transform: translate(-42.15px, -64.2px) rotate(236deg);
    opacity: 0.9779302966;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(236deg);
            transform: translate(-50.175px, -67.05px) rotate(236deg);
    opacity: 0.9779302966;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(236deg);
            transform: translate(-58.65px, -67.2px) rotate(236deg);
    opacity: 0.9779302966;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(236deg);
            transform: translate(-67.65px, -64.35px) rotate(236deg);
    opacity: 0.9779302966;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(236deg);
            transform: translate(-77.1px, -58.05px) rotate(236deg);
    opacity: 0.9779302966;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(236deg);
            transform: translate(-87px, -48px) rotate(236deg);
    opacity: 0.9779302966;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(236deg);
            transform: translate(-97.425px, -33.75px) rotate(236deg);
    opacity: 0.9779302966;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(236deg);
            transform: translate(-108.225px, -15px) rotate(236deg);
    opacity: 0.9779302966;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(236deg);
            transform: translate(-119.55px, 8.625px) rotate(236deg);
    opacity: 0.4889651483;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(236deg);
            transform: translate(-131.25px, 37.5px) rotate(236deg);
    opacity: 0;
  }
}
.confetti-left-27,
.confetti-right-27 {
  width: 9px;
  height: 3.6px;
  background-color: #8AB925;
  top: calc(25% - 9px);
  left: calc(50% - 2.7px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-27 {
  -webkit-animation: drop-left-27 1.0470321429s 0.6933696731s 2 forwards;
          animation: drop-left-27 1.0470321429s 0.6933696731s 2 forwards;
}

.confetti-right-27 {
  -webkit-animation: drop-right-27 1.3289851707s 1.1935813161s 2 forwards;
          animation: drop-right-27 1.3289851707s 1.1935813161s 2 forwards;
}

@-webkit-keyframes drop-left-27 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(21deg);
            transform: translate(0px, 0px) rotate(21deg);
    opacity: 1.0945482645;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(21deg);
            transform: translate(25.2px, -60px) rotate(21deg);
    opacity: 1.0945482645;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(21deg);
            transform: translate(56px, -115.2px) rotate(21deg);
    opacity: 1.0945482645;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(21deg);
            transform: translate(92.2px, -157.4px) rotate(21deg);
    opacity: 1.0945482645;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(21deg);
            transform: translate(112.4px, -171.2px) rotate(21deg);
    opacity: 1.0945482645;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(21deg);
            transform: translate(133.8px, -178.8px) rotate(21deg);
    opacity: 1.0945482645;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(21deg);
            transform: translate(156.4px, -179.2px) rotate(21deg);
    opacity: 1.0945482645;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(21deg);
            transform: translate(180.4px, -171.6px) rotate(21deg);
    opacity: 1.0945482645;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(21deg);
            transform: translate(205.6px, -154.8px) rotate(21deg);
    opacity: 1.0945482645;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(21deg);
            transform: translate(232px, -128px) rotate(21deg);
    opacity: 1.0945482645;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(21deg);
            transform: translate(259.8px, -90px) rotate(21deg);
    opacity: 1.0945482645;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(21deg);
            transform: translate(288.6px, -40px) rotate(21deg);
    opacity: 1.0945482645;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(21deg);
            transform: translate(318.8px, 23px) rotate(21deg);
    opacity: 0.5472741323;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(21deg);
            transform: translate(350px, 100px) rotate(21deg);
    opacity: 0;
  }
}

@keyframes drop-left-27 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(21deg);
            transform: translate(0px, 0px) rotate(21deg);
    opacity: 1.0945482645;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(21deg);
            transform: translate(25.2px, -60px) rotate(21deg);
    opacity: 1.0945482645;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(21deg);
            transform: translate(56px, -115.2px) rotate(21deg);
    opacity: 1.0945482645;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(21deg);
            transform: translate(92.2px, -157.4px) rotate(21deg);
    opacity: 1.0945482645;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(21deg);
            transform: translate(112.4px, -171.2px) rotate(21deg);
    opacity: 1.0945482645;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(21deg);
            transform: translate(133.8px, -178.8px) rotate(21deg);
    opacity: 1.0945482645;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(21deg);
            transform: translate(156.4px, -179.2px) rotate(21deg);
    opacity: 1.0945482645;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(21deg);
            transform: translate(180.4px, -171.6px) rotate(21deg);
    opacity: 1.0945482645;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(21deg);
            transform: translate(205.6px, -154.8px) rotate(21deg);
    opacity: 1.0945482645;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(21deg);
            transform: translate(232px, -128px) rotate(21deg);
    opacity: 1.0945482645;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(21deg);
            transform: translate(259.8px, -90px) rotate(21deg);
    opacity: 1.0945482645;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(21deg);
            transform: translate(288.6px, -40px) rotate(21deg);
    opacity: 1.0945482645;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(21deg);
            transform: translate(318.8px, 23px) rotate(21deg);
    opacity: 0.5472741323;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(21deg);
            transform: translate(350px, 100px) rotate(21deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-27 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(295deg);
            transform: translate(0px, 0px) rotate(295deg);
    opacity: 1.3559441762;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(295deg);
            transform: translate(-6.3px, -15px) rotate(295deg);
    opacity: 1.3559441762;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(295deg);
            transform: translate(-14px, -28.8px) rotate(295deg);
    opacity: 1.3559441762;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(295deg);
            transform: translate(-23.05px, -39.35px) rotate(295deg);
    opacity: 1.3559441762;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(295deg);
            transform: translate(-28.1px, -42.8px) rotate(295deg);
    opacity: 1.3559441762;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(295deg);
            transform: translate(-33.45px, -44.7px) rotate(295deg);
    opacity: 1.3559441762;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(295deg);
            transform: translate(-39.1px, -44.8px) rotate(295deg);
    opacity: 1.3559441762;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(295deg);
            transform: translate(-45.1px, -42.9px) rotate(295deg);
    opacity: 1.3559441762;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(295deg);
            transform: translate(-51.4px, -38.7px) rotate(295deg);
    opacity: 1.3559441762;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(295deg);
            transform: translate(-58px, -32px) rotate(295deg);
    opacity: 1.3559441762;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(295deg);
            transform: translate(-64.95px, -22.5px) rotate(295deg);
    opacity: 1.3559441762;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(295deg);
            transform: translate(-72.15px, -10px) rotate(295deg);
    opacity: 1.3559441762;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(295deg);
            transform: translate(-79.7px, 5.75px) rotate(295deg);
    opacity: 0.6779720881;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(295deg);
            transform: translate(-87.5px, 25px) rotate(295deg);
    opacity: 0;
  }
}
@keyframes drop-right-27 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(295deg);
            transform: translate(0px, 0px) rotate(295deg);
    opacity: 1.3559441762;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(295deg);
            transform: translate(-6.3px, -15px) rotate(295deg);
    opacity: 1.3559441762;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(295deg);
            transform: translate(-14px, -28.8px) rotate(295deg);
    opacity: 1.3559441762;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(295deg);
            transform: translate(-23.05px, -39.35px) rotate(295deg);
    opacity: 1.3559441762;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(295deg);
            transform: translate(-28.1px, -42.8px) rotate(295deg);
    opacity: 1.3559441762;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(295deg);
            transform: translate(-33.45px, -44.7px) rotate(295deg);
    opacity: 1.3559441762;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(295deg);
            transform: translate(-39.1px, -44.8px) rotate(295deg);
    opacity: 1.3559441762;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(295deg);
            transform: translate(-45.1px, -42.9px) rotate(295deg);
    opacity: 1.3559441762;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(295deg);
            transform: translate(-51.4px, -38.7px) rotate(295deg);
    opacity: 1.3559441762;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(295deg);
            transform: translate(-58px, -32px) rotate(295deg);
    opacity: 1.3559441762;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(295deg);
            transform: translate(-64.95px, -22.5px) rotate(295deg);
    opacity: 1.3559441762;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(295deg);
            transform: translate(-72.15px, -10px) rotate(295deg);
    opacity: 1.3559441762;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(295deg);
            transform: translate(-79.7px, 5.75px) rotate(295deg);
    opacity: 0.6779720881;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(295deg);
            transform: translate(-87.5px, 25px) rotate(295deg);
    opacity: 0;
  }
}
.confetti-left-28,
.confetti-right-28 {
  background-color: transparent;
  border-bottom: 5px solid #F4BB2F;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  height: 0;
  width: 5px;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-28 {
  -webkit-animation: drop-left-28 1.8067788168s 0.5076027965s 2 forwards;
          animation: drop-left-28 1.8067788168s 0.5076027965s 2 forwards;
}

.confetti-right-28 {
  -webkit-animation: drop-right-28 1.8857421166s 0.5688362099s 2 forwards;
          animation: drop-right-28 1.8857421166s 0.5688362099s 2 forwards;
}

@-webkit-keyframes drop-left-28 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(103deg);
            transform: translate(0px, 0px) rotate(103deg);
    opacity: 0.69139771;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(103deg);
            transform: translate(6.3px, -15px) rotate(103deg);
    opacity: 0.69139771;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(103deg);
            transform: translate(14px, -28.8px) rotate(103deg);
    opacity: 0.69139771;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(103deg);
            transform: translate(23.05px, -39.35px) rotate(103deg);
    opacity: 0.69139771;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(103deg);
            transform: translate(28.1px, -42.8px) rotate(103deg);
    opacity: 0.69139771;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(103deg);
            transform: translate(33.45px, -44.7px) rotate(103deg);
    opacity: 0.69139771;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(103deg);
            transform: translate(39.1px, -44.8px) rotate(103deg);
    opacity: 0.69139771;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(103deg);
            transform: translate(45.1px, -42.9px) rotate(103deg);
    opacity: 0.69139771;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(103deg);
            transform: translate(51.4px, -38.7px) rotate(103deg);
    opacity: 0.69139771;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(103deg);
            transform: translate(58px, -32px) rotate(103deg);
    opacity: 0.69139771;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(103deg);
            transform: translate(64.95px, -22.5px) rotate(103deg);
    opacity: 0.69139771;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(103deg);
            transform: translate(72.15px, -10px) rotate(103deg);
    opacity: 0.69139771;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(103deg);
            transform: translate(79.7px, 5.75px) rotate(103deg);
    opacity: 0.345698855;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(103deg);
            transform: translate(87.5px, 25px) rotate(103deg);
    opacity: 0;
  }
}

@keyframes drop-left-28 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(103deg);
            transform: translate(0px, 0px) rotate(103deg);
    opacity: 0.69139771;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(103deg);
            transform: translate(6.3px, -15px) rotate(103deg);
    opacity: 0.69139771;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(103deg);
            transform: translate(14px, -28.8px) rotate(103deg);
    opacity: 0.69139771;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(103deg);
            transform: translate(23.05px, -39.35px) rotate(103deg);
    opacity: 0.69139771;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(103deg);
            transform: translate(28.1px, -42.8px) rotate(103deg);
    opacity: 0.69139771;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(103deg);
            transform: translate(33.45px, -44.7px) rotate(103deg);
    opacity: 0.69139771;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(103deg);
            transform: translate(39.1px, -44.8px) rotate(103deg);
    opacity: 0.69139771;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(103deg);
            transform: translate(45.1px, -42.9px) rotate(103deg);
    opacity: 0.69139771;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(103deg);
            transform: translate(51.4px, -38.7px) rotate(103deg);
    opacity: 0.69139771;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(103deg);
            transform: translate(58px, -32px) rotate(103deg);
    opacity: 0.69139771;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(103deg);
            transform: translate(64.95px, -22.5px) rotate(103deg);
    opacity: 0.69139771;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(103deg);
            transform: translate(72.15px, -10px) rotate(103deg);
    opacity: 0.69139771;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(103deg);
            transform: translate(79.7px, 5.75px) rotate(103deg);
    opacity: 0.345698855;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(103deg);
            transform: translate(87.5px, 25px) rotate(103deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-28 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(144deg);
            transform: translate(0px, 0px) rotate(144deg);
    opacity: 0.9983098961;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(144deg);
            transform: translate(-15.75px, -37.5px) rotate(144deg);
    opacity: 0.9983098961;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(144deg);
            transform: translate(-35px, -72px) rotate(144deg);
    opacity: 0.9983098961;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(144deg);
            transform: translate(-57.625px, -98.375px) rotate(144deg);
    opacity: 0.9983098961;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(144deg);
            transform: translate(-70.25px, -107px) rotate(144deg);
    opacity: 0.9983098961;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(144deg);
            transform: translate(-83.625px, -111.75px) rotate(144deg);
    opacity: 0.9983098961;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(144deg);
            transform: translate(-97.75px, -112px) rotate(144deg);
    opacity: 0.9983098961;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(144deg);
            transform: translate(-112.75px, -107.25px) rotate(144deg);
    opacity: 0.9983098961;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(144deg);
            transform: translate(-128.5px, -96.75px) rotate(144deg);
    opacity: 0.9983098961;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(144deg);
            transform: translate(-145px, -80px) rotate(144deg);
    opacity: 0.9983098961;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(144deg);
            transform: translate(-162.375px, -56.25px) rotate(144deg);
    opacity: 0.9983098961;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(144deg);
            transform: translate(-180.375px, -25px) rotate(144deg);
    opacity: 0.9983098961;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(144deg);
            transform: translate(-199.25px, 14.375px) rotate(144deg);
    opacity: 0.4991549481;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(144deg);
            transform: translate(-218.75px, 62.5px) rotate(144deg);
    opacity: 0;
  }
}
@keyframes drop-right-28 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(144deg);
            transform: translate(0px, 0px) rotate(144deg);
    opacity: 0.9983098961;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(144deg);
            transform: translate(-15.75px, -37.5px) rotate(144deg);
    opacity: 0.9983098961;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(144deg);
            transform: translate(-35px, -72px) rotate(144deg);
    opacity: 0.9983098961;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(144deg);
            transform: translate(-57.625px, -98.375px) rotate(144deg);
    opacity: 0.9983098961;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(144deg);
            transform: translate(-70.25px, -107px) rotate(144deg);
    opacity: 0.9983098961;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(144deg);
            transform: translate(-83.625px, -111.75px) rotate(144deg);
    opacity: 0.9983098961;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(144deg);
            transform: translate(-97.75px, -112px) rotate(144deg);
    opacity: 0.9983098961;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(144deg);
            transform: translate(-112.75px, -107.25px) rotate(144deg);
    opacity: 0.9983098961;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(144deg);
            transform: translate(-128.5px, -96.75px) rotate(144deg);
    opacity: 0.9983098961;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(144deg);
            transform: translate(-145px, -80px) rotate(144deg);
    opacity: 0.9983098961;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(144deg);
            transform: translate(-162.375px, -56.25px) rotate(144deg);
    opacity: 0.9983098961;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(144deg);
            transform: translate(-180.375px, -25px) rotate(144deg);
    opacity: 0.9983098961;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(144deg);
            transform: translate(-199.25px, 14.375px) rotate(144deg);
    opacity: 0.4991549481;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(144deg);
            transform: translate(-218.75px, 62.5px) rotate(144deg);
    opacity: 0;
  }
}
.confetti-left-29,
.confetti-right-29 {
  width: 9px;
  height: 3.6px;
  background-color: #765AA3;
  top: calc(25% - 9px);
  left: calc(50% - 2.7px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-29 {
  -webkit-animation: drop-left-29 1.6291630294s 0.7535296754s 2 forwards;
          animation: drop-left-29 1.6291630294s 0.7535296754s 2 forwards;
}

.confetti-right-29 {
  -webkit-animation: drop-right-29 1.1028427464s 1.4155430278s 2 forwards;
          animation: drop-right-29 1.1028427464s 1.4155430278s 2 forwards;
}

@-webkit-keyframes drop-left-29 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(175deg);
            transform: translate(0px, 0px) rotate(175deg);
    opacity: 1.4676843829;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(175deg);
            transform: translate(15.75px, -37.5px) rotate(175deg);
    opacity: 1.4676843829;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(175deg);
            transform: translate(35px, -72px) rotate(175deg);
    opacity: 1.4676843829;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(175deg);
            transform: translate(57.625px, -98.375px) rotate(175deg);
    opacity: 1.4676843829;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(175deg);
            transform: translate(70.25px, -107px) rotate(175deg);
    opacity: 1.4676843829;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(175deg);
            transform: translate(83.625px, -111.75px) rotate(175deg);
    opacity: 1.4676843829;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(175deg);
            transform: translate(97.75px, -112px) rotate(175deg);
    opacity: 1.4676843829;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(175deg);
            transform: translate(112.75px, -107.25px) rotate(175deg);
    opacity: 1.4676843829;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(175deg);
            transform: translate(128.5px, -96.75px) rotate(175deg);
    opacity: 1.4676843829;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(175deg);
            transform: translate(145px, -80px) rotate(175deg);
    opacity: 1.4676843829;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(175deg);
            transform: translate(162.375px, -56.25px) rotate(175deg);
    opacity: 1.4676843829;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(175deg);
            transform: translate(180.375px, -25px) rotate(175deg);
    opacity: 1.4676843829;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(175deg);
            transform: translate(199.25px, 14.375px) rotate(175deg);
    opacity: 0.7338421915;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(175deg);
            transform: translate(218.75px, 62.5px) rotate(175deg);
    opacity: 0;
  }
}

@keyframes drop-left-29 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(175deg);
            transform: translate(0px, 0px) rotate(175deg);
    opacity: 1.4676843829;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(175deg);
            transform: translate(15.75px, -37.5px) rotate(175deg);
    opacity: 1.4676843829;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(175deg);
            transform: translate(35px, -72px) rotate(175deg);
    opacity: 1.4676843829;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(175deg);
            transform: translate(57.625px, -98.375px) rotate(175deg);
    opacity: 1.4676843829;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(175deg);
            transform: translate(70.25px, -107px) rotate(175deg);
    opacity: 1.4676843829;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(175deg);
            transform: translate(83.625px, -111.75px) rotate(175deg);
    opacity: 1.4676843829;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(175deg);
            transform: translate(97.75px, -112px) rotate(175deg);
    opacity: 1.4676843829;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(175deg);
            transform: translate(112.75px, -107.25px) rotate(175deg);
    opacity: 1.4676843829;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(175deg);
            transform: translate(128.5px, -96.75px) rotate(175deg);
    opacity: 1.4676843829;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(175deg);
            transform: translate(145px, -80px) rotate(175deg);
    opacity: 1.4676843829;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(175deg);
            transform: translate(162.375px, -56.25px) rotate(175deg);
    opacity: 1.4676843829;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(175deg);
            transform: translate(180.375px, -25px) rotate(175deg);
    opacity: 1.4676843829;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(175deg);
            transform: translate(199.25px, 14.375px) rotate(175deg);
    opacity: 0.7338421915;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(175deg);
            transform: translate(218.75px, 62.5px) rotate(175deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-29 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(275deg);
            transform: translate(0px, 0px) rotate(275deg);
    opacity: 0.7832358938;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(275deg);
            transform: translate(-15.75px, -37.5px) rotate(275deg);
    opacity: 0.7832358938;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(275deg);
            transform: translate(-35px, -72px) rotate(275deg);
    opacity: 0.7832358938;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(275deg);
            transform: translate(-57.625px, -98.375px) rotate(275deg);
    opacity: 0.7832358938;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(275deg);
            transform: translate(-70.25px, -107px) rotate(275deg);
    opacity: 0.7832358938;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(275deg);
            transform: translate(-83.625px, -111.75px) rotate(275deg);
    opacity: 0.7832358938;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(275deg);
            transform: translate(-97.75px, -112px) rotate(275deg);
    opacity: 0.7832358938;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(275deg);
            transform: translate(-112.75px, -107.25px) rotate(275deg);
    opacity: 0.7832358938;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(275deg);
            transform: translate(-128.5px, -96.75px) rotate(275deg);
    opacity: 0.7832358938;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(275deg);
            transform: translate(-145px, -80px) rotate(275deg);
    opacity: 0.7832358938;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(275deg);
            transform: translate(-162.375px, -56.25px) rotate(275deg);
    opacity: 0.7832358938;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(275deg);
            transform: translate(-180.375px, -25px) rotate(275deg);
    opacity: 0.7832358938;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(275deg);
            transform: translate(-199.25px, 14.375px) rotate(275deg);
    opacity: 0.3916179469;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(275deg);
            transform: translate(-218.75px, 62.5px) rotate(275deg);
    opacity: 0;
  }
}
@keyframes drop-right-29 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(275deg);
            transform: translate(0px, 0px) rotate(275deg);
    opacity: 0.7832358938;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(275deg);
            transform: translate(-15.75px, -37.5px) rotate(275deg);
    opacity: 0.7832358938;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(275deg);
            transform: translate(-35px, -72px) rotate(275deg);
    opacity: 0.7832358938;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(275deg);
            transform: translate(-57.625px, -98.375px) rotate(275deg);
    opacity: 0.7832358938;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(275deg);
            transform: translate(-70.25px, -107px) rotate(275deg);
    opacity: 0.7832358938;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(275deg);
            transform: translate(-83.625px, -111.75px) rotate(275deg);
    opacity: 0.7832358938;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(275deg);
            transform: translate(-97.75px, -112px) rotate(275deg);
    opacity: 0.7832358938;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(275deg);
            transform: translate(-112.75px, -107.25px) rotate(275deg);
    opacity: 0.7832358938;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(275deg);
            transform: translate(-128.5px, -96.75px) rotate(275deg);
    opacity: 0.7832358938;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(275deg);
            transform: translate(-145px, -80px) rotate(275deg);
    opacity: 0.7832358938;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(275deg);
            transform: translate(-162.375px, -56.25px) rotate(275deg);
    opacity: 0.7832358938;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(275deg);
            transform: translate(-180.375px, -25px) rotate(275deg);
    opacity: 0.7832358938;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(275deg);
            transform: translate(-199.25px, 14.375px) rotate(275deg);
    opacity: 0.3916179469;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(275deg);
            transform: translate(-218.75px, 62.5px) rotate(275deg);
    opacity: 0;
  }
}
.confetti-left-30,
.confetti-right-30 {
  width: 1.8px;
  height: 1.8px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 3px);
  left: calc(50% - 0.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-30 {
  -webkit-animation: drop-left-30 1.2889852155s 1.1668713693s 2 forwards;
          animation: drop-left-30 1.2889852155s 1.1668713693s 2 forwards;
}

.confetti-right-30 {
  -webkit-animation: drop-right-30 1.9794077745s 0.535024528s 2 forwards;
          animation: drop-right-30 1.9794077745s 0.535024528s 2 forwards;
}

@-webkit-keyframes drop-left-30 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(191deg);
            transform: translate(0px, 0px) rotate(191deg);
    opacity: 0.5873371266;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(191deg);
            transform: translate(15.75px, -37.5px) rotate(191deg);
    opacity: 0.5873371266;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(191deg);
            transform: translate(35px, -72px) rotate(191deg);
    opacity: 0.5873371266;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(191deg);
            transform: translate(57.625px, -98.375px) rotate(191deg);
    opacity: 0.5873371266;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(191deg);
            transform: translate(70.25px, -107px) rotate(191deg);
    opacity: 0.5873371266;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(191deg);
            transform: translate(83.625px, -111.75px) rotate(191deg);
    opacity: 0.5873371266;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(191deg);
            transform: translate(97.75px, -112px) rotate(191deg);
    opacity: 0.5873371266;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(191deg);
            transform: translate(112.75px, -107.25px) rotate(191deg);
    opacity: 0.5873371266;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(191deg);
            transform: translate(128.5px, -96.75px) rotate(191deg);
    opacity: 0.5873371266;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(191deg);
            transform: translate(145px, -80px) rotate(191deg);
    opacity: 0.5873371266;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(191deg);
            transform: translate(162.375px, -56.25px) rotate(191deg);
    opacity: 0.5873371266;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(191deg);
            transform: translate(180.375px, -25px) rotate(191deg);
    opacity: 0.5873371266;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(191deg);
            transform: translate(199.25px, 14.375px) rotate(191deg);
    opacity: 0.2936685633;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(191deg);
            transform: translate(218.75px, 62.5px) rotate(191deg);
    opacity: 0;
  }
}

@keyframes drop-left-30 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(191deg);
            transform: translate(0px, 0px) rotate(191deg);
    opacity: 0.5873371266;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(191deg);
            transform: translate(15.75px, -37.5px) rotate(191deg);
    opacity: 0.5873371266;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(191deg);
            transform: translate(35px, -72px) rotate(191deg);
    opacity: 0.5873371266;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(191deg);
            transform: translate(57.625px, -98.375px) rotate(191deg);
    opacity: 0.5873371266;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(191deg);
            transform: translate(70.25px, -107px) rotate(191deg);
    opacity: 0.5873371266;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(191deg);
            transform: translate(83.625px, -111.75px) rotate(191deg);
    opacity: 0.5873371266;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(191deg);
            transform: translate(97.75px, -112px) rotate(191deg);
    opacity: 0.5873371266;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(191deg);
            transform: translate(112.75px, -107.25px) rotate(191deg);
    opacity: 0.5873371266;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(191deg);
            transform: translate(128.5px, -96.75px) rotate(191deg);
    opacity: 0.5873371266;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(191deg);
            transform: translate(145px, -80px) rotate(191deg);
    opacity: 0.5873371266;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(191deg);
            transform: translate(162.375px, -56.25px) rotate(191deg);
    opacity: 0.5873371266;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(191deg);
            transform: translate(180.375px, -25px) rotate(191deg);
    opacity: 0.5873371266;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(191deg);
            transform: translate(199.25px, 14.375px) rotate(191deg);
    opacity: 0.2936685633;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(191deg);
            transform: translate(218.75px, 62.5px) rotate(191deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-30 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(272deg);
            transform: translate(0px, 0px) rotate(272deg);
    opacity: 0.7594502987;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(272deg);
            transform: translate(-12.6px, -30px) rotate(272deg);
    opacity: 0.7594502987;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(272deg);
            transform: translate(-28px, -57.6px) rotate(272deg);
    opacity: 0.7594502987;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(272deg);
            transform: translate(-46.1px, -78.7px) rotate(272deg);
    opacity: 0.7594502987;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(272deg);
            transform: translate(-56.2px, -85.6px) rotate(272deg);
    opacity: 0.7594502987;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(272deg);
            transform: translate(-66.9px, -89.4px) rotate(272deg);
    opacity: 0.7594502987;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(272deg);
            transform: translate(-78.2px, -89.6px) rotate(272deg);
    opacity: 0.7594502987;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(272deg);
            transform: translate(-90.2px, -85.8px) rotate(272deg);
    opacity: 0.7594502987;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(272deg);
            transform: translate(-102.8px, -77.4px) rotate(272deg);
    opacity: 0.7594502987;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(272deg);
            transform: translate(-116px, -64px) rotate(272deg);
    opacity: 0.7594502987;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(272deg);
            transform: translate(-129.9px, -45px) rotate(272deg);
    opacity: 0.7594502987;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(272deg);
            transform: translate(-144.3px, -20px) rotate(272deg);
    opacity: 0.7594502987;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(272deg);
            transform: translate(-159.4px, 11.5px) rotate(272deg);
    opacity: 0.3797251494;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(272deg);
            transform: translate(-175px, 50px) rotate(272deg);
    opacity: 0;
  }
}
@keyframes drop-right-30 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(272deg);
            transform: translate(0px, 0px) rotate(272deg);
    opacity: 0.7594502987;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(272deg);
            transform: translate(-12.6px, -30px) rotate(272deg);
    opacity: 0.7594502987;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(272deg);
            transform: translate(-28px, -57.6px) rotate(272deg);
    opacity: 0.7594502987;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(272deg);
            transform: translate(-46.1px, -78.7px) rotate(272deg);
    opacity: 0.7594502987;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(272deg);
            transform: translate(-56.2px, -85.6px) rotate(272deg);
    opacity: 0.7594502987;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(272deg);
            transform: translate(-66.9px, -89.4px) rotate(272deg);
    opacity: 0.7594502987;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(272deg);
            transform: translate(-78.2px, -89.6px) rotate(272deg);
    opacity: 0.7594502987;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(272deg);
            transform: translate(-90.2px, -85.8px) rotate(272deg);
    opacity: 0.7594502987;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(272deg);
            transform: translate(-102.8px, -77.4px) rotate(272deg);
    opacity: 0.7594502987;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(272deg);
            transform: translate(-116px, -64px) rotate(272deg);
    opacity: 0.7594502987;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(272deg);
            transform: translate(-129.9px, -45px) rotate(272deg);
    opacity: 0.7594502987;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(272deg);
            transform: translate(-144.3px, -20px) rotate(272deg);
    opacity: 0.7594502987;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(272deg);
            transform: translate(-159.4px, 11.5px) rotate(272deg);
    opacity: 0.3797251494;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(272deg);
            transform: translate(-175px, 50px) rotate(272deg);
    opacity: 0;
  }
}
.confetti-left-31,
.confetti-right-31 {
  width: 4px;
  height: 1.6px;
  background-color: #8AB925;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-31 {
  -webkit-animation: drop-left-31 1.2622784247s 1.2133269313s 2 forwards;
          animation: drop-left-31 1.2622784247s 1.2133269313s 2 forwards;
}

.confetti-right-31 {
  -webkit-animation: drop-right-31 1.4898287647s 1.3241390247s 2 forwards;
          animation: drop-right-31 1.4898287647s 1.3241390247s 2 forwards;
}

@-webkit-keyframes drop-left-31 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(209deg);
            transform: translate(0px, 0px) rotate(209deg);
    opacity: 1.3909718782;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(209deg);
            transform: translate(22.05px, -52.5px) rotate(209deg);
    opacity: 1.3909718782;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(209deg);
            transform: translate(49px, -100.8px) rotate(209deg);
    opacity: 1.3909718782;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(209deg);
            transform: translate(80.675px, -137.725px) rotate(209deg);
    opacity: 1.3909718782;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(209deg);
            transform: translate(98.35px, -149.8px) rotate(209deg);
    opacity: 1.3909718782;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(209deg);
            transform: translate(117.075px, -156.45px) rotate(209deg);
    opacity: 1.3909718782;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(209deg);
            transform: translate(136.85px, -156.8px) rotate(209deg);
    opacity: 1.3909718782;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(209deg);
            transform: translate(157.85px, -150.15px) rotate(209deg);
    opacity: 1.3909718782;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(209deg);
            transform: translate(179.9px, -135.45px) rotate(209deg);
    opacity: 1.3909718782;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(209deg);
            transform: translate(203px, -112px) rotate(209deg);
    opacity: 1.3909718782;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(209deg);
            transform: translate(227.325px, -78.75px) rotate(209deg);
    opacity: 1.3909718782;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(209deg);
            transform: translate(252.525px, -35px) rotate(209deg);
    opacity: 1.3909718782;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(209deg);
            transform: translate(278.95px, 20.125px) rotate(209deg);
    opacity: 0.6954859391;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(209deg);
            transform: translate(306.25px, 87.5px) rotate(209deg);
    opacity: 0;
  }
}

@keyframes drop-left-31 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(209deg);
            transform: translate(0px, 0px) rotate(209deg);
    opacity: 1.3909718782;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(209deg);
            transform: translate(22.05px, -52.5px) rotate(209deg);
    opacity: 1.3909718782;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(209deg);
            transform: translate(49px, -100.8px) rotate(209deg);
    opacity: 1.3909718782;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(209deg);
            transform: translate(80.675px, -137.725px) rotate(209deg);
    opacity: 1.3909718782;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(209deg);
            transform: translate(98.35px, -149.8px) rotate(209deg);
    opacity: 1.3909718782;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(209deg);
            transform: translate(117.075px, -156.45px) rotate(209deg);
    opacity: 1.3909718782;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(209deg);
            transform: translate(136.85px, -156.8px) rotate(209deg);
    opacity: 1.3909718782;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(209deg);
            transform: translate(157.85px, -150.15px) rotate(209deg);
    opacity: 1.3909718782;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(209deg);
            transform: translate(179.9px, -135.45px) rotate(209deg);
    opacity: 1.3909718782;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(209deg);
            transform: translate(203px, -112px) rotate(209deg);
    opacity: 1.3909718782;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(209deg);
            transform: translate(227.325px, -78.75px) rotate(209deg);
    opacity: 1.3909718782;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(209deg);
            transform: translate(252.525px, -35px) rotate(209deg);
    opacity: 1.3909718782;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(209deg);
            transform: translate(278.95px, 20.125px) rotate(209deg);
    opacity: 0.6954859391;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(209deg);
            transform: translate(306.25px, 87.5px) rotate(209deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-31 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(121deg);
            transform: translate(0px, 0px) rotate(121deg);
    opacity: 0.677779887;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(121deg);
            transform: translate(-22.05px, -52.5px) rotate(121deg);
    opacity: 0.677779887;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(121deg);
            transform: translate(-49px, -100.8px) rotate(121deg);
    opacity: 0.677779887;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(121deg);
            transform: translate(-80.675px, -137.725px) rotate(121deg);
    opacity: 0.677779887;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(121deg);
            transform: translate(-98.35px, -149.8px) rotate(121deg);
    opacity: 0.677779887;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(121deg);
            transform: translate(-117.075px, -156.45px) rotate(121deg);
    opacity: 0.677779887;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(121deg);
            transform: translate(-136.85px, -156.8px) rotate(121deg);
    opacity: 0.677779887;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(121deg);
            transform: translate(-157.85px, -150.15px) rotate(121deg);
    opacity: 0.677779887;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(121deg);
            transform: translate(-179.9px, -135.45px) rotate(121deg);
    opacity: 0.677779887;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(121deg);
            transform: translate(-203px, -112px) rotate(121deg);
    opacity: 0.677779887;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(121deg);
            transform: translate(-227.325px, -78.75px) rotate(121deg);
    opacity: 0.677779887;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(121deg);
            transform: translate(-252.525px, -35px) rotate(121deg);
    opacity: 0.677779887;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(121deg);
            transform: translate(-278.95px, 20.125px) rotate(121deg);
    opacity: 0.3388899435;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(121deg);
            transform: translate(-306.25px, 87.5px) rotate(121deg);
    opacity: 0;
  }
}
@keyframes drop-right-31 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(121deg);
            transform: translate(0px, 0px) rotate(121deg);
    opacity: 0.677779887;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(121deg);
            transform: translate(-22.05px, -52.5px) rotate(121deg);
    opacity: 0.677779887;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(121deg);
            transform: translate(-49px, -100.8px) rotate(121deg);
    opacity: 0.677779887;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(121deg);
            transform: translate(-80.675px, -137.725px) rotate(121deg);
    opacity: 0.677779887;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(121deg);
            transform: translate(-98.35px, -149.8px) rotate(121deg);
    opacity: 0.677779887;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(121deg);
            transform: translate(-117.075px, -156.45px) rotate(121deg);
    opacity: 0.677779887;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(121deg);
            transform: translate(-136.85px, -156.8px) rotate(121deg);
    opacity: 0.677779887;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(121deg);
            transform: translate(-157.85px, -150.15px) rotate(121deg);
    opacity: 0.677779887;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(121deg);
            transform: translate(-179.9px, -135.45px) rotate(121deg);
    opacity: 0.677779887;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(121deg);
            transform: translate(-203px, -112px) rotate(121deg);
    opacity: 0.677779887;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(121deg);
            transform: translate(-227.325px, -78.75px) rotate(121deg);
    opacity: 0.677779887;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(121deg);
            transform: translate(-252.525px, -35px) rotate(121deg);
    opacity: 0.677779887;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(121deg);
            transform: translate(-278.95px, 20.125px) rotate(121deg);
    opacity: 0.3388899435;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(121deg);
            transform: translate(-306.25px, 87.5px) rotate(121deg);
    opacity: 0;
  }
}
.confetti-left-32,
.confetti-right-32 {
  width: 14px;
  height: 5.6px;
  background-color: #3FA5C3;
  top: calc(25% - 14px);
  left: calc(50% - 4.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-32 {
  -webkit-animation: drop-left-32 1.8103187646s 0.8629074452s 2 forwards;
          animation: drop-left-32 1.8103187646s 0.8629074452s 2 forwards;
}

.confetti-right-32 {
  -webkit-animation: drop-right-32 1.5403333086s 1.1278467361s 2 forwards;
          animation: drop-right-32 1.5403333086s 1.1278467361s 2 forwards;
}

@-webkit-keyframes drop-left-32 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(109deg);
            transform: translate(0px, 0px) rotate(109deg);
    opacity: 1.0110457807;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(109deg);
            transform: translate(15.75px, -37.5px) rotate(109deg);
    opacity: 1.0110457807;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(109deg);
            transform: translate(35px, -72px) rotate(109deg);
    opacity: 1.0110457807;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(109deg);
            transform: translate(57.625px, -98.375px) rotate(109deg);
    opacity: 1.0110457807;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(109deg);
            transform: translate(70.25px, -107px) rotate(109deg);
    opacity: 1.0110457807;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(109deg);
            transform: translate(83.625px, -111.75px) rotate(109deg);
    opacity: 1.0110457807;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(109deg);
            transform: translate(97.75px, -112px) rotate(109deg);
    opacity: 1.0110457807;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(109deg);
            transform: translate(112.75px, -107.25px) rotate(109deg);
    opacity: 1.0110457807;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(109deg);
            transform: translate(128.5px, -96.75px) rotate(109deg);
    opacity: 1.0110457807;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(109deg);
            transform: translate(145px, -80px) rotate(109deg);
    opacity: 1.0110457807;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(109deg);
            transform: translate(162.375px, -56.25px) rotate(109deg);
    opacity: 1.0110457807;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(109deg);
            transform: translate(180.375px, -25px) rotate(109deg);
    opacity: 1.0110457807;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(109deg);
            transform: translate(199.25px, 14.375px) rotate(109deg);
    opacity: 0.5055228903;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(109deg);
            transform: translate(218.75px, 62.5px) rotate(109deg);
    opacity: 0;
  }
}

@keyframes drop-left-32 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(109deg);
            transform: translate(0px, 0px) rotate(109deg);
    opacity: 1.0110457807;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(109deg);
            transform: translate(15.75px, -37.5px) rotate(109deg);
    opacity: 1.0110457807;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(109deg);
            transform: translate(35px, -72px) rotate(109deg);
    opacity: 1.0110457807;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(109deg);
            transform: translate(57.625px, -98.375px) rotate(109deg);
    opacity: 1.0110457807;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(109deg);
            transform: translate(70.25px, -107px) rotate(109deg);
    opacity: 1.0110457807;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(109deg);
            transform: translate(83.625px, -111.75px) rotate(109deg);
    opacity: 1.0110457807;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(109deg);
            transform: translate(97.75px, -112px) rotate(109deg);
    opacity: 1.0110457807;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(109deg);
            transform: translate(112.75px, -107.25px) rotate(109deg);
    opacity: 1.0110457807;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(109deg);
            transform: translate(128.5px, -96.75px) rotate(109deg);
    opacity: 1.0110457807;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(109deg);
            transform: translate(145px, -80px) rotate(109deg);
    opacity: 1.0110457807;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(109deg);
            transform: translate(162.375px, -56.25px) rotate(109deg);
    opacity: 1.0110457807;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(109deg);
            transform: translate(180.375px, -25px) rotate(109deg);
    opacity: 1.0110457807;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(109deg);
            transform: translate(199.25px, 14.375px) rotate(109deg);
    opacity: 0.5055228903;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(109deg);
            transform: translate(218.75px, 62.5px) rotate(109deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-32 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(99deg);
            transform: translate(0px, 0px) rotate(99deg);
    opacity: 1.0356582091;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(99deg);
            transform: translate(-15.75px, -37.5px) rotate(99deg);
    opacity: 1.0356582091;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(99deg);
            transform: translate(-35px, -72px) rotate(99deg);
    opacity: 1.0356582091;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(99deg);
            transform: translate(-57.625px, -98.375px) rotate(99deg);
    opacity: 1.0356582091;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(99deg);
            transform: translate(-70.25px, -107px) rotate(99deg);
    opacity: 1.0356582091;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(99deg);
            transform: translate(-83.625px, -111.75px) rotate(99deg);
    opacity: 1.0356582091;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(99deg);
            transform: translate(-97.75px, -112px) rotate(99deg);
    opacity: 1.0356582091;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(99deg);
            transform: translate(-112.75px, -107.25px) rotate(99deg);
    opacity: 1.0356582091;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(99deg);
            transform: translate(-128.5px, -96.75px) rotate(99deg);
    opacity: 1.0356582091;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(99deg);
            transform: translate(-145px, -80px) rotate(99deg);
    opacity: 1.0356582091;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(99deg);
            transform: translate(-162.375px, -56.25px) rotate(99deg);
    opacity: 1.0356582091;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(99deg);
            transform: translate(-180.375px, -25px) rotate(99deg);
    opacity: 1.0356582091;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(99deg);
            transform: translate(-199.25px, 14.375px) rotate(99deg);
    opacity: 0.5178291046;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(99deg);
            transform: translate(-218.75px, 62.5px) rotate(99deg);
    opacity: 0;
  }
}
@keyframes drop-right-32 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(99deg);
            transform: translate(0px, 0px) rotate(99deg);
    opacity: 1.0356582091;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(99deg);
            transform: translate(-15.75px, -37.5px) rotate(99deg);
    opacity: 1.0356582091;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(99deg);
            transform: translate(-35px, -72px) rotate(99deg);
    opacity: 1.0356582091;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(99deg);
            transform: translate(-57.625px, -98.375px) rotate(99deg);
    opacity: 1.0356582091;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(99deg);
            transform: translate(-70.25px, -107px) rotate(99deg);
    opacity: 1.0356582091;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(99deg);
            transform: translate(-83.625px, -111.75px) rotate(99deg);
    opacity: 1.0356582091;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(99deg);
            transform: translate(-97.75px, -112px) rotate(99deg);
    opacity: 1.0356582091;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(99deg);
            transform: translate(-112.75px, -107.25px) rotate(99deg);
    opacity: 1.0356582091;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(99deg);
            transform: translate(-128.5px, -96.75px) rotate(99deg);
    opacity: 1.0356582091;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(99deg);
            transform: translate(-145px, -80px) rotate(99deg);
    opacity: 1.0356582091;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(99deg);
            transform: translate(-162.375px, -56.25px) rotate(99deg);
    opacity: 1.0356582091;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(99deg);
            transform: translate(-180.375px, -25px) rotate(99deg);
    opacity: 1.0356582091;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(99deg);
            transform: translate(-199.25px, 14.375px) rotate(99deg);
    opacity: 0.5178291046;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(99deg);
            transform: translate(-218.75px, 62.5px) rotate(99deg);
    opacity: 0;
  }
}
.confetti-left-33,
.confetti-right-33 {
  width: 4px;
  height: 1.6px;
  background-color: #3FA5C3;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-33 {
  -webkit-animation: drop-left-33 1.8936915314s 0.6310682785s 2 forwards;
          animation: drop-left-33 1.8936915314s 0.6310682785s 2 forwards;
}

.confetti-right-33 {
  -webkit-animation: drop-right-33 1.2701247193s 0.657876118s 2 forwards;
          animation: drop-right-33 1.2701247193s 0.657876118s 2 forwards;
}

@-webkit-keyframes drop-left-33 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(218deg);
            transform: translate(0px, 0px) rotate(218deg);
    opacity: 1.1682814281;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(218deg);
            transform: translate(28.35px, -67.5px) rotate(218deg);
    opacity: 1.1682814281;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(218deg);
            transform: translate(63px, -129.6px) rotate(218deg);
    opacity: 1.1682814281;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(218deg);
            transform: translate(103.725px, -177.075px) rotate(218deg);
    opacity: 1.1682814281;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(218deg);
            transform: translate(126.45px, -192.6px) rotate(218deg);
    opacity: 1.1682814281;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(218deg);
            transform: translate(150.525px, -201.15px) rotate(218deg);
    opacity: 1.1682814281;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(218deg);
            transform: translate(175.95px, -201.6px) rotate(218deg);
    opacity: 1.1682814281;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(218deg);
            transform: translate(202.95px, -193.05px) rotate(218deg);
    opacity: 1.1682814281;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(218deg);
            transform: translate(231.3px, -174.15px) rotate(218deg);
    opacity: 1.1682814281;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(218deg);
            transform: translate(261px, -144px) rotate(218deg);
    opacity: 1.1682814281;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(218deg);
            transform: translate(292.275px, -101.25px) rotate(218deg);
    opacity: 1.1682814281;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(218deg);
            transform: translate(324.675px, -45px) rotate(218deg);
    opacity: 1.1682814281;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(218deg);
            transform: translate(358.65px, 25.875px) rotate(218deg);
    opacity: 0.584140714;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(218deg);
            transform: translate(393.75px, 112.5px) rotate(218deg);
    opacity: 0;
  }
}

@keyframes drop-left-33 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(218deg);
            transform: translate(0px, 0px) rotate(218deg);
    opacity: 1.1682814281;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(218deg);
            transform: translate(28.35px, -67.5px) rotate(218deg);
    opacity: 1.1682814281;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(218deg);
            transform: translate(63px, -129.6px) rotate(218deg);
    opacity: 1.1682814281;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(218deg);
            transform: translate(103.725px, -177.075px) rotate(218deg);
    opacity: 1.1682814281;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(218deg);
            transform: translate(126.45px, -192.6px) rotate(218deg);
    opacity: 1.1682814281;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(218deg);
            transform: translate(150.525px, -201.15px) rotate(218deg);
    opacity: 1.1682814281;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(218deg);
            transform: translate(175.95px, -201.6px) rotate(218deg);
    opacity: 1.1682814281;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(218deg);
            transform: translate(202.95px, -193.05px) rotate(218deg);
    opacity: 1.1682814281;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(218deg);
            transform: translate(231.3px, -174.15px) rotate(218deg);
    opacity: 1.1682814281;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(218deg);
            transform: translate(261px, -144px) rotate(218deg);
    opacity: 1.1682814281;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(218deg);
            transform: translate(292.275px, -101.25px) rotate(218deg);
    opacity: 1.1682814281;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(218deg);
            transform: translate(324.675px, -45px) rotate(218deg);
    opacity: 1.1682814281;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(218deg);
            transform: translate(358.65px, 25.875px) rotate(218deg);
    opacity: 0.584140714;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(218deg);
            transform: translate(393.75px, 112.5px) rotate(218deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-33 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(301deg);
            transform: translate(0px, 0px) rotate(301deg);
    opacity: 0.6150747834;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(301deg);
            transform: translate(-31.5px, -75px) rotate(301deg);
    opacity: 0.6150747834;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(301deg);
            transform: translate(-70px, -144px) rotate(301deg);
    opacity: 0.6150747834;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(301deg);
            transform: translate(-115.25px, -196.75px) rotate(301deg);
    opacity: 0.6150747834;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(301deg);
            transform: translate(-140.5px, -214px) rotate(301deg);
    opacity: 0.6150747834;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(301deg);
            transform: translate(-167.25px, -223.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(301deg);
            transform: translate(-195.5px, -224px) rotate(301deg);
    opacity: 0.6150747834;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(301deg);
            transform: translate(-225.5px, -214.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(301deg);
            transform: translate(-257px, -193.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(301deg);
            transform: translate(-290px, -160px) rotate(301deg);
    opacity: 0.6150747834;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(301deg);
            transform: translate(-324.75px, -112.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(301deg);
            transform: translate(-360.75px, -50px) rotate(301deg);
    opacity: 0.6150747834;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(301deg);
            transform: translate(-398.5px, 28.75px) rotate(301deg);
    opacity: 0.3075373917;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(301deg);
            transform: translate(-437.5px, 125px) rotate(301deg);
    opacity: 0;
  }
}
@keyframes drop-right-33 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(301deg);
            transform: translate(0px, 0px) rotate(301deg);
    opacity: 0.6150747834;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(301deg);
            transform: translate(-31.5px, -75px) rotate(301deg);
    opacity: 0.6150747834;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(301deg);
            transform: translate(-70px, -144px) rotate(301deg);
    opacity: 0.6150747834;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(301deg);
            transform: translate(-115.25px, -196.75px) rotate(301deg);
    opacity: 0.6150747834;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(301deg);
            transform: translate(-140.5px, -214px) rotate(301deg);
    opacity: 0.6150747834;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(301deg);
            transform: translate(-167.25px, -223.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(301deg);
            transform: translate(-195.5px, -224px) rotate(301deg);
    opacity: 0.6150747834;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(301deg);
            transform: translate(-225.5px, -214.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(301deg);
            transform: translate(-257px, -193.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(301deg);
            transform: translate(-290px, -160px) rotate(301deg);
    opacity: 0.6150747834;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(301deg);
            transform: translate(-324.75px, -112.5px) rotate(301deg);
    opacity: 0.6150747834;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(301deg);
            transform: translate(-360.75px, -50px) rotate(301deg);
    opacity: 0.6150747834;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(301deg);
            transform: translate(-398.5px, 28.75px) rotate(301deg);
    opacity: 0.3075373917;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(301deg);
            transform: translate(-437.5px, 125px) rotate(301deg);
    opacity: 0;
  }
}
.confetti-left-34,
.confetti-right-34 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 15px);
  left: calc(50% - 4.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-34 {
  -webkit-animation: drop-left-34 1.0628912895s 0.6559025479s 2 forwards;
          animation: drop-left-34 1.0628912895s 0.6559025479s 2 forwards;
}

.confetti-right-34 {
  -webkit-animation: drop-right-34 1.5737738884s 1.0437696542s 2 forwards;
          animation: drop-right-34 1.5737738884s 1.0437696542s 2 forwards;
}

@-webkit-keyframes drop-left-34 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(26deg);
            transform: translate(0px, 0px) rotate(26deg);
    opacity: 0.9506198354;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(26deg);
            transform: translate(9.45px, -22.5px) rotate(26deg);
    opacity: 0.9506198354;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(26deg);
            transform: translate(21px, -43.2px) rotate(26deg);
    opacity: 0.9506198354;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(26deg);
            transform: translate(34.575px, -59.025px) rotate(26deg);
    opacity: 0.9506198354;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(26deg);
            transform: translate(42.15px, -64.2px) rotate(26deg);
    opacity: 0.9506198354;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(26deg);
            transform: translate(50.175px, -67.05px) rotate(26deg);
    opacity: 0.9506198354;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(26deg);
            transform: translate(58.65px, -67.2px) rotate(26deg);
    opacity: 0.9506198354;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(26deg);
            transform: translate(67.65px, -64.35px) rotate(26deg);
    opacity: 0.9506198354;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(26deg);
            transform: translate(77.1px, -58.05px) rotate(26deg);
    opacity: 0.9506198354;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(26deg);
            transform: translate(87px, -48px) rotate(26deg);
    opacity: 0.9506198354;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(26deg);
            transform: translate(97.425px, -33.75px) rotate(26deg);
    opacity: 0.9506198354;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(26deg);
            transform: translate(108.225px, -15px) rotate(26deg);
    opacity: 0.9506198354;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(26deg);
            transform: translate(119.55px, 8.625px) rotate(26deg);
    opacity: 0.4753099177;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(26deg);
            transform: translate(131.25px, 37.5px) rotate(26deg);
    opacity: 0;
  }
}

@keyframes drop-left-34 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(26deg);
            transform: translate(0px, 0px) rotate(26deg);
    opacity: 0.9506198354;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(26deg);
            transform: translate(9.45px, -22.5px) rotate(26deg);
    opacity: 0.9506198354;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(26deg);
            transform: translate(21px, -43.2px) rotate(26deg);
    opacity: 0.9506198354;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(26deg);
            transform: translate(34.575px, -59.025px) rotate(26deg);
    opacity: 0.9506198354;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(26deg);
            transform: translate(42.15px, -64.2px) rotate(26deg);
    opacity: 0.9506198354;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(26deg);
            transform: translate(50.175px, -67.05px) rotate(26deg);
    opacity: 0.9506198354;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(26deg);
            transform: translate(58.65px, -67.2px) rotate(26deg);
    opacity: 0.9506198354;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(26deg);
            transform: translate(67.65px, -64.35px) rotate(26deg);
    opacity: 0.9506198354;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(26deg);
            transform: translate(77.1px, -58.05px) rotate(26deg);
    opacity: 0.9506198354;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(26deg);
            transform: translate(87px, -48px) rotate(26deg);
    opacity: 0.9506198354;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(26deg);
            transform: translate(97.425px, -33.75px) rotate(26deg);
    opacity: 0.9506198354;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(26deg);
            transform: translate(108.225px, -15px) rotate(26deg);
    opacity: 0.9506198354;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(26deg);
            transform: translate(119.55px, 8.625px) rotate(26deg);
    opacity: 0.4753099177;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(26deg);
            transform: translate(131.25px, 37.5px) rotate(26deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-34 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(185deg);
            transform: translate(0px, 0px) rotate(185deg);
    opacity: 0.6906521534;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(185deg);
            transform: translate(-22.05px, -52.5px) rotate(185deg);
    opacity: 0.6906521534;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(185deg);
            transform: translate(-49px, -100.8px) rotate(185deg);
    opacity: 0.6906521534;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(185deg);
            transform: translate(-80.675px, -137.725px) rotate(185deg);
    opacity: 0.6906521534;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(185deg);
            transform: translate(-98.35px, -149.8px) rotate(185deg);
    opacity: 0.6906521534;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(185deg);
            transform: translate(-117.075px, -156.45px) rotate(185deg);
    opacity: 0.6906521534;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(185deg);
            transform: translate(-136.85px, -156.8px) rotate(185deg);
    opacity: 0.6906521534;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(185deg);
            transform: translate(-157.85px, -150.15px) rotate(185deg);
    opacity: 0.6906521534;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(185deg);
            transform: translate(-179.9px, -135.45px) rotate(185deg);
    opacity: 0.6906521534;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(185deg);
            transform: translate(-203px, -112px) rotate(185deg);
    opacity: 0.6906521534;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(185deg);
            transform: translate(-227.325px, -78.75px) rotate(185deg);
    opacity: 0.6906521534;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(185deg);
            transform: translate(-252.525px, -35px) rotate(185deg);
    opacity: 0.6906521534;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(185deg);
            transform: translate(-278.95px, 20.125px) rotate(185deg);
    opacity: 0.3453260767;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(185deg);
            transform: translate(-306.25px, 87.5px) rotate(185deg);
    opacity: 0;
  }
}
@keyframes drop-right-34 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(185deg);
            transform: translate(0px, 0px) rotate(185deg);
    opacity: 0.6906521534;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(185deg);
            transform: translate(-22.05px, -52.5px) rotate(185deg);
    opacity: 0.6906521534;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(185deg);
            transform: translate(-49px, -100.8px) rotate(185deg);
    opacity: 0.6906521534;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(185deg);
            transform: translate(-80.675px, -137.725px) rotate(185deg);
    opacity: 0.6906521534;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(185deg);
            transform: translate(-98.35px, -149.8px) rotate(185deg);
    opacity: 0.6906521534;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(185deg);
            transform: translate(-117.075px, -156.45px) rotate(185deg);
    opacity: 0.6906521534;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(185deg);
            transform: translate(-136.85px, -156.8px) rotate(185deg);
    opacity: 0.6906521534;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(185deg);
            transform: translate(-157.85px, -150.15px) rotate(185deg);
    opacity: 0.6906521534;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(185deg);
            transform: translate(-179.9px, -135.45px) rotate(185deg);
    opacity: 0.6906521534;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(185deg);
            transform: translate(-203px, -112px) rotate(185deg);
    opacity: 0.6906521534;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(185deg);
            transform: translate(-227.325px, -78.75px) rotate(185deg);
    opacity: 0.6906521534;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(185deg);
            transform: translate(-252.525px, -35px) rotate(185deg);
    opacity: 0.6906521534;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(185deg);
            transform: translate(-278.95px, 20.125px) rotate(185deg);
    opacity: 0.3453260767;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(185deg);
            transform: translate(-306.25px, 87.5px) rotate(185deg);
    opacity: 0;
  }
}
.confetti-left-35,
.confetti-right-35 {
  background-color: transparent;
  border-bottom: 1px solid #3FA5C3;
  border-left: 0.5px solid transparent;
  border-right: 0.5px solid transparent;
  height: 0;
  width: 1px;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-35 {
  -webkit-animation: drop-left-35 1.2444569262s 0.9915431031s 2 forwards;
          animation: drop-left-35 1.2444569262s 0.9915431031s 2 forwards;
}

.confetti-right-35 {
  -webkit-animation: drop-right-35 1.4746019632s 1.3516096806s 2 forwards;
          animation: drop-right-35 1.4746019632s 1.3516096806s 2 forwards;
}

@-webkit-keyframes drop-left-35 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(131deg);
            transform: translate(0px, 0px) rotate(131deg);
    opacity: 1.1367594136;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(131deg);
            transform: translate(28.35px, -67.5px) rotate(131deg);
    opacity: 1.1367594136;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(131deg);
            transform: translate(63px, -129.6px) rotate(131deg);
    opacity: 1.1367594136;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(131deg);
            transform: translate(103.725px, -177.075px) rotate(131deg);
    opacity: 1.1367594136;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(131deg);
            transform: translate(126.45px, -192.6px) rotate(131deg);
    opacity: 1.1367594136;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(131deg);
            transform: translate(150.525px, -201.15px) rotate(131deg);
    opacity: 1.1367594136;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(131deg);
            transform: translate(175.95px, -201.6px) rotate(131deg);
    opacity: 1.1367594136;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(131deg);
            transform: translate(202.95px, -193.05px) rotate(131deg);
    opacity: 1.1367594136;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(131deg);
            transform: translate(231.3px, -174.15px) rotate(131deg);
    opacity: 1.1367594136;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(131deg);
            transform: translate(261px, -144px) rotate(131deg);
    opacity: 1.1367594136;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(131deg);
            transform: translate(292.275px, -101.25px) rotate(131deg);
    opacity: 1.1367594136;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(131deg);
            transform: translate(324.675px, -45px) rotate(131deg);
    opacity: 1.1367594136;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(131deg);
            transform: translate(358.65px, 25.875px) rotate(131deg);
    opacity: 0.5683797068;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(131deg);
            transform: translate(393.75px, 112.5px) rotate(131deg);
    opacity: 0;
  }
}

@keyframes drop-left-35 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(131deg);
            transform: translate(0px, 0px) rotate(131deg);
    opacity: 1.1367594136;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(131deg);
            transform: translate(28.35px, -67.5px) rotate(131deg);
    opacity: 1.1367594136;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(131deg);
            transform: translate(63px, -129.6px) rotate(131deg);
    opacity: 1.1367594136;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(131deg);
            transform: translate(103.725px, -177.075px) rotate(131deg);
    opacity: 1.1367594136;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(131deg);
            transform: translate(126.45px, -192.6px) rotate(131deg);
    opacity: 1.1367594136;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(131deg);
            transform: translate(150.525px, -201.15px) rotate(131deg);
    opacity: 1.1367594136;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(131deg);
            transform: translate(175.95px, -201.6px) rotate(131deg);
    opacity: 1.1367594136;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(131deg);
            transform: translate(202.95px, -193.05px) rotate(131deg);
    opacity: 1.1367594136;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(131deg);
            transform: translate(231.3px, -174.15px) rotate(131deg);
    opacity: 1.1367594136;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(131deg);
            transform: translate(261px, -144px) rotate(131deg);
    opacity: 1.1367594136;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(131deg);
            transform: translate(292.275px, -101.25px) rotate(131deg);
    opacity: 1.1367594136;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(131deg);
            transform: translate(324.675px, -45px) rotate(131deg);
    opacity: 1.1367594136;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(131deg);
            transform: translate(358.65px, 25.875px) rotate(131deg);
    opacity: 0.5683797068;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(131deg);
            transform: translate(393.75px, 112.5px) rotate(131deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-35 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(349deg);
            transform: translate(0px, 0px) rotate(349deg);
    opacity: 0.9871343549;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(349deg);
            transform: translate(-22.05px, -52.5px) rotate(349deg);
    opacity: 0.9871343549;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(349deg);
            transform: translate(-49px, -100.8px) rotate(349deg);
    opacity: 0.9871343549;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(349deg);
            transform: translate(-80.675px, -137.725px) rotate(349deg);
    opacity: 0.9871343549;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(349deg);
            transform: translate(-98.35px, -149.8px) rotate(349deg);
    opacity: 0.9871343549;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(349deg);
            transform: translate(-117.075px, -156.45px) rotate(349deg);
    opacity: 0.9871343549;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(349deg);
            transform: translate(-136.85px, -156.8px) rotate(349deg);
    opacity: 0.9871343549;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(349deg);
            transform: translate(-157.85px, -150.15px) rotate(349deg);
    opacity: 0.9871343549;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(349deg);
            transform: translate(-179.9px, -135.45px) rotate(349deg);
    opacity: 0.9871343549;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(349deg);
            transform: translate(-203px, -112px) rotate(349deg);
    opacity: 0.9871343549;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(349deg);
            transform: translate(-227.325px, -78.75px) rotate(349deg);
    opacity: 0.9871343549;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(349deg);
            transform: translate(-252.525px, -35px) rotate(349deg);
    opacity: 0.9871343549;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(349deg);
            transform: translate(-278.95px, 20.125px) rotate(349deg);
    opacity: 0.4935671774;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(349deg);
            transform: translate(-306.25px, 87.5px) rotate(349deg);
    opacity: 0;
  }
}
@keyframes drop-right-35 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(349deg);
            transform: translate(0px, 0px) rotate(349deg);
    opacity: 0.9871343549;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(349deg);
            transform: translate(-22.05px, -52.5px) rotate(349deg);
    opacity: 0.9871343549;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(349deg);
            transform: translate(-49px, -100.8px) rotate(349deg);
    opacity: 0.9871343549;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(349deg);
            transform: translate(-80.675px, -137.725px) rotate(349deg);
    opacity: 0.9871343549;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(349deg);
            transform: translate(-98.35px, -149.8px) rotate(349deg);
    opacity: 0.9871343549;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(349deg);
            transform: translate(-117.075px, -156.45px) rotate(349deg);
    opacity: 0.9871343549;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(349deg);
            transform: translate(-136.85px, -156.8px) rotate(349deg);
    opacity: 0.9871343549;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(349deg);
            transform: translate(-157.85px, -150.15px) rotate(349deg);
    opacity: 0.9871343549;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(349deg);
            transform: translate(-179.9px, -135.45px) rotate(349deg);
    opacity: 0.9871343549;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(349deg);
            transform: translate(-203px, -112px) rotate(349deg);
    opacity: 0.9871343549;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(349deg);
            transform: translate(-227.325px, -78.75px) rotate(349deg);
    opacity: 0.9871343549;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(349deg);
            transform: translate(-252.525px, -35px) rotate(349deg);
    opacity: 0.9871343549;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(349deg);
            transform: translate(-278.95px, 20.125px) rotate(349deg);
    opacity: 0.4935671774;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(349deg);
            transform: translate(-306.25px, 87.5px) rotate(349deg);
    opacity: 0;
  }
}
.confetti-left-36,
.confetti-right-36 {
  background-color: transparent;
  border-bottom: 5.5px solid #3FA5C3;
  border-left: 2.75px solid transparent;
  border-right: 2.75px solid transparent;
  height: 0;
  width: 5.5px;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-36 {
  -webkit-animation: drop-left-36 1.7289113378s 0.5771371851s 2 forwards;
          animation: drop-left-36 1.7289113378s 0.5771371851s 2 forwards;
}

.confetti-right-36 {
  -webkit-animation: drop-right-36 1.0022884145s 1.0409080209s 2 forwards;
          animation: drop-right-36 1.0022884145s 1.0409080209s 2 forwards;
}

@-webkit-keyframes drop-left-36 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(1deg);
            transform: translate(0px, 0px) rotate(1deg);
    opacity: 0.7961968916;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(1deg);
            transform: translate(28.35px, -67.5px) rotate(1deg);
    opacity: 0.7961968916;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(1deg);
            transform: translate(63px, -129.6px) rotate(1deg);
    opacity: 0.7961968916;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(1deg);
            transform: translate(103.725px, -177.075px) rotate(1deg);
    opacity: 0.7961968916;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(1deg);
            transform: translate(126.45px, -192.6px) rotate(1deg);
    opacity: 0.7961968916;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(1deg);
            transform: translate(150.525px, -201.15px) rotate(1deg);
    opacity: 0.7961968916;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(1deg);
            transform: translate(175.95px, -201.6px) rotate(1deg);
    opacity: 0.7961968916;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(1deg);
            transform: translate(202.95px, -193.05px) rotate(1deg);
    opacity: 0.7961968916;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(1deg);
            transform: translate(231.3px, -174.15px) rotate(1deg);
    opacity: 0.7961968916;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(1deg);
            transform: translate(261px, -144px) rotate(1deg);
    opacity: 0.7961968916;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(1deg);
            transform: translate(292.275px, -101.25px) rotate(1deg);
    opacity: 0.7961968916;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(1deg);
            transform: translate(324.675px, -45px) rotate(1deg);
    opacity: 0.7961968916;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(1deg);
            transform: translate(358.65px, 25.875px) rotate(1deg);
    opacity: 0.3980984458;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(1deg);
            transform: translate(393.75px, 112.5px) rotate(1deg);
    opacity: 0;
  }
}

@keyframes drop-left-36 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(1deg);
            transform: translate(0px, 0px) rotate(1deg);
    opacity: 0.7961968916;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(1deg);
            transform: translate(28.35px, -67.5px) rotate(1deg);
    opacity: 0.7961968916;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(1deg);
            transform: translate(63px, -129.6px) rotate(1deg);
    opacity: 0.7961968916;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(1deg);
            transform: translate(103.725px, -177.075px) rotate(1deg);
    opacity: 0.7961968916;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(1deg);
            transform: translate(126.45px, -192.6px) rotate(1deg);
    opacity: 0.7961968916;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(1deg);
            transform: translate(150.525px, -201.15px) rotate(1deg);
    opacity: 0.7961968916;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(1deg);
            transform: translate(175.95px, -201.6px) rotate(1deg);
    opacity: 0.7961968916;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(1deg);
            transform: translate(202.95px, -193.05px) rotate(1deg);
    opacity: 0.7961968916;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(1deg);
            transform: translate(231.3px, -174.15px) rotate(1deg);
    opacity: 0.7961968916;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(1deg);
            transform: translate(261px, -144px) rotate(1deg);
    opacity: 0.7961968916;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(1deg);
            transform: translate(292.275px, -101.25px) rotate(1deg);
    opacity: 0.7961968916;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(1deg);
            transform: translate(324.675px, -45px) rotate(1deg);
    opacity: 0.7961968916;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(1deg);
            transform: translate(358.65px, 25.875px) rotate(1deg);
    opacity: 0.3980984458;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(1deg);
            transform: translate(393.75px, 112.5px) rotate(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-36 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(349deg);
            transform: translate(0px, 0px) rotate(349deg);
    opacity: 1.1846090887;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(349deg);
            transform: translate(-3.15px, -7.5px) rotate(349deg);
    opacity: 1.1846090887;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(349deg);
            transform: translate(-7px, -14.4px) rotate(349deg);
    opacity: 1.1846090887;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(349deg);
            transform: translate(-11.525px, -19.675px) rotate(349deg);
    opacity: 1.1846090887;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(349deg);
            transform: translate(-14.05px, -21.4px) rotate(349deg);
    opacity: 1.1846090887;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(349deg);
            transform: translate(-16.725px, -22.35px) rotate(349deg);
    opacity: 1.1846090887;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(349deg);
            transform: translate(-19.55px, -22.4px) rotate(349deg);
    opacity: 1.1846090887;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(349deg);
            transform: translate(-22.55px, -21.45px) rotate(349deg);
    opacity: 1.1846090887;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(349deg);
            transform: translate(-25.7px, -19.35px) rotate(349deg);
    opacity: 1.1846090887;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(349deg);
            transform: translate(-29px, -16px) rotate(349deg);
    opacity: 1.1846090887;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(349deg);
            transform: translate(-32.475px, -11.25px) rotate(349deg);
    opacity: 1.1846090887;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(349deg);
            transform: translate(-36.075px, -5px) rotate(349deg);
    opacity: 1.1846090887;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(349deg);
            transform: translate(-39.85px, 2.875px) rotate(349deg);
    opacity: 0.5923045443;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(349deg);
            transform: translate(-43.75px, 12.5px) rotate(349deg);
    opacity: 0;
  }
}
@keyframes drop-right-36 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(349deg);
            transform: translate(0px, 0px) rotate(349deg);
    opacity: 1.1846090887;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(349deg);
            transform: translate(-3.15px, -7.5px) rotate(349deg);
    opacity: 1.1846090887;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(349deg);
            transform: translate(-7px, -14.4px) rotate(349deg);
    opacity: 1.1846090887;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(349deg);
            transform: translate(-11.525px, -19.675px) rotate(349deg);
    opacity: 1.1846090887;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(349deg);
            transform: translate(-14.05px, -21.4px) rotate(349deg);
    opacity: 1.1846090887;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(349deg);
            transform: translate(-16.725px, -22.35px) rotate(349deg);
    opacity: 1.1846090887;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(349deg);
            transform: translate(-19.55px, -22.4px) rotate(349deg);
    opacity: 1.1846090887;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(349deg);
            transform: translate(-22.55px, -21.45px) rotate(349deg);
    opacity: 1.1846090887;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(349deg);
            transform: translate(-25.7px, -19.35px) rotate(349deg);
    opacity: 1.1846090887;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(349deg);
            transform: translate(-29px, -16px) rotate(349deg);
    opacity: 1.1846090887;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(349deg);
            transform: translate(-32.475px, -11.25px) rotate(349deg);
    opacity: 1.1846090887;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(349deg);
            transform: translate(-36.075px, -5px) rotate(349deg);
    opacity: 1.1846090887;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(349deg);
            transform: translate(-39.85px, 2.875px) rotate(349deg);
    opacity: 0.5923045443;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(349deg);
            transform: translate(-43.75px, 12.5px) rotate(349deg);
    opacity: 0;
  }
}
.confetti-left-37,
.confetti-right-37 {
  width: 17px;
  height: 6.8px;
  background-color: #3FA5C3;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-37 {
  -webkit-animation: drop-left-37 1.0914280453s 0.5100585798s 2 forwards;
          animation: drop-left-37 1.0914280453s 0.5100585798s 2 forwards;
}

.confetti-right-37 {
  -webkit-animation: drop-right-37 1.6110094282s 1.3391185939s 2 forwards;
          animation: drop-right-37 1.6110094282s 1.3391185939s 2 forwards;
}

@-webkit-keyframes drop-left-37 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(281deg);
            transform: translate(0px, 0px) rotate(281deg);
    opacity: 0.5011522775;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(281deg);
            transform: translate(25.2px, -60px) rotate(281deg);
    opacity: 0.5011522775;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(281deg);
            transform: translate(56px, -115.2px) rotate(281deg);
    opacity: 0.5011522775;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(281deg);
            transform: translate(92.2px, -157.4px) rotate(281deg);
    opacity: 0.5011522775;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(281deg);
            transform: translate(112.4px, -171.2px) rotate(281deg);
    opacity: 0.5011522775;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(281deg);
            transform: translate(133.8px, -178.8px) rotate(281deg);
    opacity: 0.5011522775;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(281deg);
            transform: translate(156.4px, -179.2px) rotate(281deg);
    opacity: 0.5011522775;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(281deg);
            transform: translate(180.4px, -171.6px) rotate(281deg);
    opacity: 0.5011522775;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(281deg);
            transform: translate(205.6px, -154.8px) rotate(281deg);
    opacity: 0.5011522775;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(281deg);
            transform: translate(232px, -128px) rotate(281deg);
    opacity: 0.5011522775;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(281deg);
            transform: translate(259.8px, -90px) rotate(281deg);
    opacity: 0.5011522775;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(281deg);
            transform: translate(288.6px, -40px) rotate(281deg);
    opacity: 0.5011522775;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(281deg);
            transform: translate(318.8px, 23px) rotate(281deg);
    opacity: 0.2505761388;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(281deg);
            transform: translate(350px, 100px) rotate(281deg);
    opacity: 0;
  }
}

@keyframes drop-left-37 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(281deg);
            transform: translate(0px, 0px) rotate(281deg);
    opacity: 0.5011522775;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(281deg);
            transform: translate(25.2px, -60px) rotate(281deg);
    opacity: 0.5011522775;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(281deg);
            transform: translate(56px, -115.2px) rotate(281deg);
    opacity: 0.5011522775;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(281deg);
            transform: translate(92.2px, -157.4px) rotate(281deg);
    opacity: 0.5011522775;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(281deg);
            transform: translate(112.4px, -171.2px) rotate(281deg);
    opacity: 0.5011522775;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(281deg);
            transform: translate(133.8px, -178.8px) rotate(281deg);
    opacity: 0.5011522775;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(281deg);
            transform: translate(156.4px, -179.2px) rotate(281deg);
    opacity: 0.5011522775;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(281deg);
            transform: translate(180.4px, -171.6px) rotate(281deg);
    opacity: 0.5011522775;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(281deg);
            transform: translate(205.6px, -154.8px) rotate(281deg);
    opacity: 0.5011522775;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(281deg);
            transform: translate(232px, -128px) rotate(281deg);
    opacity: 0.5011522775;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(281deg);
            transform: translate(259.8px, -90px) rotate(281deg);
    opacity: 0.5011522775;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(281deg);
            transform: translate(288.6px, -40px) rotate(281deg);
    opacity: 0.5011522775;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(281deg);
            transform: translate(318.8px, 23px) rotate(281deg);
    opacity: 0.2505761388;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(281deg);
            transform: translate(350px, 100px) rotate(281deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-37 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 1.1688614064;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(292deg);
            transform: translate(-9.45px, -22.5px) rotate(292deg);
    opacity: 1.1688614064;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(292deg);
            transform: translate(-21px, -43.2px) rotate(292deg);
    opacity: 1.1688614064;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(292deg);
            transform: translate(-34.575px, -59.025px) rotate(292deg);
    opacity: 1.1688614064;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(292deg);
            transform: translate(-42.15px, -64.2px) rotate(292deg);
    opacity: 1.1688614064;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(292deg);
            transform: translate(-50.175px, -67.05px) rotate(292deg);
    opacity: 1.1688614064;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(292deg);
            transform: translate(-58.65px, -67.2px) rotate(292deg);
    opacity: 1.1688614064;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(292deg);
            transform: translate(-67.65px, -64.35px) rotate(292deg);
    opacity: 1.1688614064;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(292deg);
            transform: translate(-77.1px, -58.05px) rotate(292deg);
    opacity: 1.1688614064;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(292deg);
            transform: translate(-87px, -48px) rotate(292deg);
    opacity: 1.1688614064;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(292deg);
            transform: translate(-97.425px, -33.75px) rotate(292deg);
    opacity: 1.1688614064;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(292deg);
            transform: translate(-108.225px, -15px) rotate(292deg);
    opacity: 1.1688614064;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(292deg);
            transform: translate(-119.55px, 8.625px) rotate(292deg);
    opacity: 0.5844307032;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(292deg);
            transform: translate(-131.25px, 37.5px) rotate(292deg);
    opacity: 0;
  }
}
@keyframes drop-right-37 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 1.1688614064;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(292deg);
            transform: translate(-9.45px, -22.5px) rotate(292deg);
    opacity: 1.1688614064;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(292deg);
            transform: translate(-21px, -43.2px) rotate(292deg);
    opacity: 1.1688614064;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(292deg);
            transform: translate(-34.575px, -59.025px) rotate(292deg);
    opacity: 1.1688614064;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(292deg);
            transform: translate(-42.15px, -64.2px) rotate(292deg);
    opacity: 1.1688614064;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(292deg);
            transform: translate(-50.175px, -67.05px) rotate(292deg);
    opacity: 1.1688614064;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(292deg);
            transform: translate(-58.65px, -67.2px) rotate(292deg);
    opacity: 1.1688614064;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(292deg);
            transform: translate(-67.65px, -64.35px) rotate(292deg);
    opacity: 1.1688614064;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(292deg);
            transform: translate(-77.1px, -58.05px) rotate(292deg);
    opacity: 1.1688614064;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(292deg);
            transform: translate(-87px, -48px) rotate(292deg);
    opacity: 1.1688614064;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(292deg);
            transform: translate(-97.425px, -33.75px) rotate(292deg);
    opacity: 1.1688614064;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(292deg);
            transform: translate(-108.225px, -15px) rotate(292deg);
    opacity: 1.1688614064;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(292deg);
            transform: translate(-119.55px, 8.625px) rotate(292deg);
    opacity: 0.5844307032;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(292deg);
            transform: translate(-131.25px, 37.5px) rotate(292deg);
    opacity: 0;
  }
}
.confetti-left-38,
.confetti-right-38 {
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-38 {
  -webkit-animation: drop-left-38 1.6390704449s 0.5300224549s 2 forwards;
          animation: drop-left-38 1.6390704449s 0.5300224549s 2 forwards;
}

.confetti-right-38 {
  -webkit-animation: drop-right-38 1.1256377294s 0.9667337396s 2 forwards;
          animation: drop-right-38 1.1256377294s 0.9667337396s 2 forwards;
}

@-webkit-keyframes drop-left-38 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(159deg);
            transform: translate(0px, 0px) rotate(159deg);
    opacity: 0.8569485046;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(159deg);
            transform: translate(9.45px, -22.5px) rotate(159deg);
    opacity: 0.8569485046;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(159deg);
            transform: translate(21px, -43.2px) rotate(159deg);
    opacity: 0.8569485046;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(159deg);
            transform: translate(34.575px, -59.025px) rotate(159deg);
    opacity: 0.8569485046;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(159deg);
            transform: translate(42.15px, -64.2px) rotate(159deg);
    opacity: 0.8569485046;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(159deg);
            transform: translate(50.175px, -67.05px) rotate(159deg);
    opacity: 0.8569485046;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(159deg);
            transform: translate(58.65px, -67.2px) rotate(159deg);
    opacity: 0.8569485046;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(159deg);
            transform: translate(67.65px, -64.35px) rotate(159deg);
    opacity: 0.8569485046;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(159deg);
            transform: translate(77.1px, -58.05px) rotate(159deg);
    opacity: 0.8569485046;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(159deg);
            transform: translate(87px, -48px) rotate(159deg);
    opacity: 0.8569485046;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(159deg);
            transform: translate(97.425px, -33.75px) rotate(159deg);
    opacity: 0.8569485046;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(159deg);
            transform: translate(108.225px, -15px) rotate(159deg);
    opacity: 0.8569485046;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(159deg);
            transform: translate(119.55px, 8.625px) rotate(159deg);
    opacity: 0.4284742523;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(159deg);
            transform: translate(131.25px, 37.5px) rotate(159deg);
    opacity: 0;
  }
}

@keyframes drop-left-38 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(159deg);
            transform: translate(0px, 0px) rotate(159deg);
    opacity: 0.8569485046;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(159deg);
            transform: translate(9.45px, -22.5px) rotate(159deg);
    opacity: 0.8569485046;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(159deg);
            transform: translate(21px, -43.2px) rotate(159deg);
    opacity: 0.8569485046;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(159deg);
            transform: translate(34.575px, -59.025px) rotate(159deg);
    opacity: 0.8569485046;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(159deg);
            transform: translate(42.15px, -64.2px) rotate(159deg);
    opacity: 0.8569485046;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(159deg);
            transform: translate(50.175px, -67.05px) rotate(159deg);
    opacity: 0.8569485046;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(159deg);
            transform: translate(58.65px, -67.2px) rotate(159deg);
    opacity: 0.8569485046;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(159deg);
            transform: translate(67.65px, -64.35px) rotate(159deg);
    opacity: 0.8569485046;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(159deg);
            transform: translate(77.1px, -58.05px) rotate(159deg);
    opacity: 0.8569485046;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(159deg);
            transform: translate(87px, -48px) rotate(159deg);
    opacity: 0.8569485046;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(159deg);
            transform: translate(97.425px, -33.75px) rotate(159deg);
    opacity: 0.8569485046;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(159deg);
            transform: translate(108.225px, -15px) rotate(159deg);
    opacity: 0.8569485046;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(159deg);
            transform: translate(119.55px, 8.625px) rotate(159deg);
    opacity: 0.4284742523;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(159deg);
            transform: translate(131.25px, 37.5px) rotate(159deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-38 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(184deg);
            transform: translate(0px, 0px) rotate(184deg);
    opacity: 1.3437210308;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(184deg);
            transform: translate(-22.05px, -52.5px) rotate(184deg);
    opacity: 1.3437210308;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(184deg);
            transform: translate(-49px, -100.8px) rotate(184deg);
    opacity: 1.3437210308;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(184deg);
            transform: translate(-80.675px, -137.725px) rotate(184deg);
    opacity: 1.3437210308;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(184deg);
            transform: translate(-98.35px, -149.8px) rotate(184deg);
    opacity: 1.3437210308;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(184deg);
            transform: translate(-117.075px, -156.45px) rotate(184deg);
    opacity: 1.3437210308;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(184deg);
            transform: translate(-136.85px, -156.8px) rotate(184deg);
    opacity: 1.3437210308;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(184deg);
            transform: translate(-157.85px, -150.15px) rotate(184deg);
    opacity: 1.3437210308;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(184deg);
            transform: translate(-179.9px, -135.45px) rotate(184deg);
    opacity: 1.3437210308;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(184deg);
            transform: translate(-203px, -112px) rotate(184deg);
    opacity: 1.3437210308;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(184deg);
            transform: translate(-227.325px, -78.75px) rotate(184deg);
    opacity: 1.3437210308;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(184deg);
            transform: translate(-252.525px, -35px) rotate(184deg);
    opacity: 1.3437210308;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(184deg);
            transform: translate(-278.95px, 20.125px) rotate(184deg);
    opacity: 0.6718605154;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(184deg);
            transform: translate(-306.25px, 87.5px) rotate(184deg);
    opacity: 0;
  }
}
@keyframes drop-right-38 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(184deg);
            transform: translate(0px, 0px) rotate(184deg);
    opacity: 1.3437210308;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(184deg);
            transform: translate(-22.05px, -52.5px) rotate(184deg);
    opacity: 1.3437210308;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(184deg);
            transform: translate(-49px, -100.8px) rotate(184deg);
    opacity: 1.3437210308;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(184deg);
            transform: translate(-80.675px, -137.725px) rotate(184deg);
    opacity: 1.3437210308;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(184deg);
            transform: translate(-98.35px, -149.8px) rotate(184deg);
    opacity: 1.3437210308;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(184deg);
            transform: translate(-117.075px, -156.45px) rotate(184deg);
    opacity: 1.3437210308;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(184deg);
            transform: translate(-136.85px, -156.8px) rotate(184deg);
    opacity: 1.3437210308;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(184deg);
            transform: translate(-157.85px, -150.15px) rotate(184deg);
    opacity: 1.3437210308;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(184deg);
            transform: translate(-179.9px, -135.45px) rotate(184deg);
    opacity: 1.3437210308;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(184deg);
            transform: translate(-203px, -112px) rotate(184deg);
    opacity: 1.3437210308;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(184deg);
            transform: translate(-227.325px, -78.75px) rotate(184deg);
    opacity: 1.3437210308;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(184deg);
            transform: translate(-252.525px, -35px) rotate(184deg);
    opacity: 1.3437210308;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(184deg);
            transform: translate(-278.95px, 20.125px) rotate(184deg);
    opacity: 0.6718605154;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(184deg);
            transform: translate(-306.25px, 87.5px) rotate(184deg);
    opacity: 0;
  }
}
.confetti-left-39,
.confetti-right-39 {
  width: 1.2px;
  height: 1.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-39 {
  -webkit-animation: drop-left-39 1.4309977017s 0.9809960976s 2 forwards;
          animation: drop-left-39 1.4309977017s 0.9809960976s 2 forwards;
}

.confetti-right-39 {
  -webkit-animation: drop-right-39 1.1516606044s 1.4389721016s 2 forwards;
          animation: drop-right-39 1.1516606044s 1.4389721016s 2 forwards;
}

@-webkit-keyframes drop-left-39 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(337deg);
            transform: translate(0px, 0px) rotate(337deg);
    opacity: 0.5352670134;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(337deg);
            transform: translate(25.2px, -60px) rotate(337deg);
    opacity: 0.5352670134;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(337deg);
            transform: translate(56px, -115.2px) rotate(337deg);
    opacity: 0.5352670134;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(337deg);
            transform: translate(92.2px, -157.4px) rotate(337deg);
    opacity: 0.5352670134;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(337deg);
            transform: translate(112.4px, -171.2px) rotate(337deg);
    opacity: 0.5352670134;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(337deg);
            transform: translate(133.8px, -178.8px) rotate(337deg);
    opacity: 0.5352670134;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(337deg);
            transform: translate(156.4px, -179.2px) rotate(337deg);
    opacity: 0.5352670134;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(337deg);
            transform: translate(180.4px, -171.6px) rotate(337deg);
    opacity: 0.5352670134;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(337deg);
            transform: translate(205.6px, -154.8px) rotate(337deg);
    opacity: 0.5352670134;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(337deg);
            transform: translate(232px, -128px) rotate(337deg);
    opacity: 0.5352670134;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(337deg);
            transform: translate(259.8px, -90px) rotate(337deg);
    opacity: 0.5352670134;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(337deg);
            transform: translate(288.6px, -40px) rotate(337deg);
    opacity: 0.5352670134;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(337deg);
            transform: translate(318.8px, 23px) rotate(337deg);
    opacity: 0.2676335067;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(337deg);
            transform: translate(350px, 100px) rotate(337deg);
    opacity: 0;
  }
}

@keyframes drop-left-39 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(337deg);
            transform: translate(0px, 0px) rotate(337deg);
    opacity: 0.5352670134;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(337deg);
            transform: translate(25.2px, -60px) rotate(337deg);
    opacity: 0.5352670134;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(337deg);
            transform: translate(56px, -115.2px) rotate(337deg);
    opacity: 0.5352670134;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(337deg);
            transform: translate(92.2px, -157.4px) rotate(337deg);
    opacity: 0.5352670134;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(337deg);
            transform: translate(112.4px, -171.2px) rotate(337deg);
    opacity: 0.5352670134;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(337deg);
            transform: translate(133.8px, -178.8px) rotate(337deg);
    opacity: 0.5352670134;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(337deg);
            transform: translate(156.4px, -179.2px) rotate(337deg);
    opacity: 0.5352670134;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(337deg);
            transform: translate(180.4px, -171.6px) rotate(337deg);
    opacity: 0.5352670134;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(337deg);
            transform: translate(205.6px, -154.8px) rotate(337deg);
    opacity: 0.5352670134;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(337deg);
            transform: translate(232px, -128px) rotate(337deg);
    opacity: 0.5352670134;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(337deg);
            transform: translate(259.8px, -90px) rotate(337deg);
    opacity: 0.5352670134;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(337deg);
            transform: translate(288.6px, -40px) rotate(337deg);
    opacity: 0.5352670134;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(337deg);
            transform: translate(318.8px, 23px) rotate(337deg);
    opacity: 0.2676335067;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(337deg);
            transform: translate(350px, 100px) rotate(337deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-39 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(328deg);
            transform: translate(0px, 0px) rotate(328deg);
    opacity: 0.5596597823;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(328deg);
            transform: translate(-12.6px, -30px) rotate(328deg);
    opacity: 0.5596597823;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(328deg);
            transform: translate(-28px, -57.6px) rotate(328deg);
    opacity: 0.5596597823;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(328deg);
            transform: translate(-46.1px, -78.7px) rotate(328deg);
    opacity: 0.5596597823;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(328deg);
            transform: translate(-56.2px, -85.6px) rotate(328deg);
    opacity: 0.5596597823;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(328deg);
            transform: translate(-66.9px, -89.4px) rotate(328deg);
    opacity: 0.5596597823;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(328deg);
            transform: translate(-78.2px, -89.6px) rotate(328deg);
    opacity: 0.5596597823;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(328deg);
            transform: translate(-90.2px, -85.8px) rotate(328deg);
    opacity: 0.5596597823;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(328deg);
            transform: translate(-102.8px, -77.4px) rotate(328deg);
    opacity: 0.5596597823;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(328deg);
            transform: translate(-116px, -64px) rotate(328deg);
    opacity: 0.5596597823;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(328deg);
            transform: translate(-129.9px, -45px) rotate(328deg);
    opacity: 0.5596597823;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(328deg);
            transform: translate(-144.3px, -20px) rotate(328deg);
    opacity: 0.5596597823;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(328deg);
            transform: translate(-159.4px, 11.5px) rotate(328deg);
    opacity: 0.2798298911;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(328deg);
            transform: translate(-175px, 50px) rotate(328deg);
    opacity: 0;
  }
}
@keyframes drop-right-39 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(328deg);
            transform: translate(0px, 0px) rotate(328deg);
    opacity: 0.5596597823;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(328deg);
            transform: translate(-12.6px, -30px) rotate(328deg);
    opacity: 0.5596597823;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(328deg);
            transform: translate(-28px, -57.6px) rotate(328deg);
    opacity: 0.5596597823;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(328deg);
            transform: translate(-46.1px, -78.7px) rotate(328deg);
    opacity: 0.5596597823;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(328deg);
            transform: translate(-56.2px, -85.6px) rotate(328deg);
    opacity: 0.5596597823;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(328deg);
            transform: translate(-66.9px, -89.4px) rotate(328deg);
    opacity: 0.5596597823;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(328deg);
            transform: translate(-78.2px, -89.6px) rotate(328deg);
    opacity: 0.5596597823;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(328deg);
            transform: translate(-90.2px, -85.8px) rotate(328deg);
    opacity: 0.5596597823;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(328deg);
            transform: translate(-102.8px, -77.4px) rotate(328deg);
    opacity: 0.5596597823;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(328deg);
            transform: translate(-116px, -64px) rotate(328deg);
    opacity: 0.5596597823;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(328deg);
            transform: translate(-129.9px, -45px) rotate(328deg);
    opacity: 0.5596597823;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(328deg);
            transform: translate(-144.3px, -20px) rotate(328deg);
    opacity: 0.5596597823;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(328deg);
            transform: translate(-159.4px, 11.5px) rotate(328deg);
    opacity: 0.2798298911;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(328deg);
            transform: translate(-175px, 50px) rotate(328deg);
    opacity: 0;
  }
}
.confetti-left-40,
.confetti-right-40 {
  width: 4px;
  height: 1.6px;
  background-color: #E61D47;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-40 {
  -webkit-animation: drop-left-40 1.6195026898s 1.0037551357s 2 forwards;
          animation: drop-left-40 1.6195026898s 1.0037551357s 2 forwards;
}

.confetti-right-40 {
  -webkit-animation: drop-right-40 1.8219210776s 1.3125328624s 2 forwards;
          animation: drop-right-40 1.8219210776s 1.3125328624s 2 forwards;
}

@-webkit-keyframes drop-left-40 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(22deg);
            transform: translate(0px, 0px) rotate(22deg);
    opacity: 1.3632458132;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(22deg);
            transform: translate(15.75px, -37.5px) rotate(22deg);
    opacity: 1.3632458132;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(22deg);
            transform: translate(35px, -72px) rotate(22deg);
    opacity: 1.3632458132;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(22deg);
            transform: translate(57.625px, -98.375px) rotate(22deg);
    opacity: 1.3632458132;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(22deg);
            transform: translate(70.25px, -107px) rotate(22deg);
    opacity: 1.3632458132;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(22deg);
            transform: translate(83.625px, -111.75px) rotate(22deg);
    opacity: 1.3632458132;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(22deg);
            transform: translate(97.75px, -112px) rotate(22deg);
    opacity: 1.3632458132;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(22deg);
            transform: translate(112.75px, -107.25px) rotate(22deg);
    opacity: 1.3632458132;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(22deg);
            transform: translate(128.5px, -96.75px) rotate(22deg);
    opacity: 1.3632458132;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(22deg);
            transform: translate(145px, -80px) rotate(22deg);
    opacity: 1.3632458132;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(22deg);
            transform: translate(162.375px, -56.25px) rotate(22deg);
    opacity: 1.3632458132;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(22deg);
            transform: translate(180.375px, -25px) rotate(22deg);
    opacity: 1.3632458132;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(22deg);
            transform: translate(199.25px, 14.375px) rotate(22deg);
    opacity: 0.6816229066;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(22deg);
            transform: translate(218.75px, 62.5px) rotate(22deg);
    opacity: 0;
  }
}

@keyframes drop-left-40 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(22deg);
            transform: translate(0px, 0px) rotate(22deg);
    opacity: 1.3632458132;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(22deg);
            transform: translate(15.75px, -37.5px) rotate(22deg);
    opacity: 1.3632458132;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(22deg);
            transform: translate(35px, -72px) rotate(22deg);
    opacity: 1.3632458132;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(22deg);
            transform: translate(57.625px, -98.375px) rotate(22deg);
    opacity: 1.3632458132;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(22deg);
            transform: translate(70.25px, -107px) rotate(22deg);
    opacity: 1.3632458132;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(22deg);
            transform: translate(83.625px, -111.75px) rotate(22deg);
    opacity: 1.3632458132;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(22deg);
            transform: translate(97.75px, -112px) rotate(22deg);
    opacity: 1.3632458132;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(22deg);
            transform: translate(112.75px, -107.25px) rotate(22deg);
    opacity: 1.3632458132;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(22deg);
            transform: translate(128.5px, -96.75px) rotate(22deg);
    opacity: 1.3632458132;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(22deg);
            transform: translate(145px, -80px) rotate(22deg);
    opacity: 1.3632458132;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(22deg);
            transform: translate(162.375px, -56.25px) rotate(22deg);
    opacity: 1.3632458132;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(22deg);
            transform: translate(180.375px, -25px) rotate(22deg);
    opacity: 1.3632458132;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(22deg);
            transform: translate(199.25px, 14.375px) rotate(22deg);
    opacity: 0.6816229066;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(22deg);
            transform: translate(218.75px, 62.5px) rotate(22deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-40 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(7deg);
            transform: translate(0px, 0px) rotate(7deg);
    opacity: 0.5328681547;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(7deg);
            transform: translate(-6.3px, -15px) rotate(7deg);
    opacity: 0.5328681547;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(7deg);
            transform: translate(-14px, -28.8px) rotate(7deg);
    opacity: 0.5328681547;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(7deg);
            transform: translate(-23.05px, -39.35px) rotate(7deg);
    opacity: 0.5328681547;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(7deg);
            transform: translate(-28.1px, -42.8px) rotate(7deg);
    opacity: 0.5328681547;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(7deg);
            transform: translate(-33.45px, -44.7px) rotate(7deg);
    opacity: 0.5328681547;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(7deg);
            transform: translate(-39.1px, -44.8px) rotate(7deg);
    opacity: 0.5328681547;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(7deg);
            transform: translate(-45.1px, -42.9px) rotate(7deg);
    opacity: 0.5328681547;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(7deg);
            transform: translate(-51.4px, -38.7px) rotate(7deg);
    opacity: 0.5328681547;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(7deg);
            transform: translate(-58px, -32px) rotate(7deg);
    opacity: 0.5328681547;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(7deg);
            transform: translate(-64.95px, -22.5px) rotate(7deg);
    opacity: 0.5328681547;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(7deg);
            transform: translate(-72.15px, -10px) rotate(7deg);
    opacity: 0.5328681547;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(7deg);
            transform: translate(-79.7px, 5.75px) rotate(7deg);
    opacity: 0.2664340774;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(7deg);
            transform: translate(-87.5px, 25px) rotate(7deg);
    opacity: 0;
  }
}
@keyframes drop-right-40 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(7deg);
            transform: translate(0px, 0px) rotate(7deg);
    opacity: 0.5328681547;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(7deg);
            transform: translate(-6.3px, -15px) rotate(7deg);
    opacity: 0.5328681547;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(7deg);
            transform: translate(-14px, -28.8px) rotate(7deg);
    opacity: 0.5328681547;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(7deg);
            transform: translate(-23.05px, -39.35px) rotate(7deg);
    opacity: 0.5328681547;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(7deg);
            transform: translate(-28.1px, -42.8px) rotate(7deg);
    opacity: 0.5328681547;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(7deg);
            transform: translate(-33.45px, -44.7px) rotate(7deg);
    opacity: 0.5328681547;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(7deg);
            transform: translate(-39.1px, -44.8px) rotate(7deg);
    opacity: 0.5328681547;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(7deg);
            transform: translate(-45.1px, -42.9px) rotate(7deg);
    opacity: 0.5328681547;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(7deg);
            transform: translate(-51.4px, -38.7px) rotate(7deg);
    opacity: 0.5328681547;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(7deg);
            transform: translate(-58px, -32px) rotate(7deg);
    opacity: 0.5328681547;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(7deg);
            transform: translate(-64.95px, -22.5px) rotate(7deg);
    opacity: 0.5328681547;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(7deg);
            transform: translate(-72.15px, -10px) rotate(7deg);
    opacity: 0.5328681547;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(7deg);
            transform: translate(-79.7px, 5.75px) rotate(7deg);
    opacity: 0.2664340774;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(7deg);
            transform: translate(-87.5px, 25px) rotate(7deg);
    opacity: 0;
  }
}
.confetti-left-41,
.confetti-right-41 {
  width: 18px;
  height: 7.2px;
  background-color: #8AB925;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-41 {
  -webkit-animation: drop-left-41 1.4585649464s 1.1423957042s 2 forwards;
          animation: drop-left-41 1.4585649464s 1.1423957042s 2 forwards;
}

.confetti-right-41 {
  -webkit-animation: drop-right-41 1.3719691348s 1.0360017928s 2 forwards;
          animation: drop-right-41 1.3719691348s 1.0360017928s 2 forwards;
}

@-webkit-keyframes drop-left-41 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(132deg);
            transform: translate(0px, 0px) rotate(132deg);
    opacity: 0.7395958851;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(132deg);
            transform: translate(18.9px, -45px) rotate(132deg);
    opacity: 0.7395958851;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(132deg);
            transform: translate(42px, -86.4px) rotate(132deg);
    opacity: 0.7395958851;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(132deg);
            transform: translate(69.15px, -118.05px) rotate(132deg);
    opacity: 0.7395958851;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(132deg);
            transform: translate(84.3px, -128.4px) rotate(132deg);
    opacity: 0.7395958851;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(132deg);
            transform: translate(100.35px, -134.1px) rotate(132deg);
    opacity: 0.7395958851;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(132deg);
            transform: translate(117.3px, -134.4px) rotate(132deg);
    opacity: 0.7395958851;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(132deg);
            transform: translate(135.3px, -128.7px) rotate(132deg);
    opacity: 0.7395958851;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(132deg);
            transform: translate(154.2px, -116.1px) rotate(132deg);
    opacity: 0.7395958851;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(132deg);
            transform: translate(174px, -96px) rotate(132deg);
    opacity: 0.7395958851;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(132deg);
            transform: translate(194.85px, -67.5px) rotate(132deg);
    opacity: 0.7395958851;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(132deg);
            transform: translate(216.45px, -30px) rotate(132deg);
    opacity: 0.7395958851;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(132deg);
            transform: translate(239.1px, 17.25px) rotate(132deg);
    opacity: 0.3697979425;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(132deg);
            transform: translate(262.5px, 75px) rotate(132deg);
    opacity: 0;
  }
}

@keyframes drop-left-41 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(132deg);
            transform: translate(0px, 0px) rotate(132deg);
    opacity: 0.7395958851;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(132deg);
            transform: translate(18.9px, -45px) rotate(132deg);
    opacity: 0.7395958851;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(132deg);
            transform: translate(42px, -86.4px) rotate(132deg);
    opacity: 0.7395958851;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(132deg);
            transform: translate(69.15px, -118.05px) rotate(132deg);
    opacity: 0.7395958851;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(132deg);
            transform: translate(84.3px, -128.4px) rotate(132deg);
    opacity: 0.7395958851;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(132deg);
            transform: translate(100.35px, -134.1px) rotate(132deg);
    opacity: 0.7395958851;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(132deg);
            transform: translate(117.3px, -134.4px) rotate(132deg);
    opacity: 0.7395958851;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(132deg);
            transform: translate(135.3px, -128.7px) rotate(132deg);
    opacity: 0.7395958851;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(132deg);
            transform: translate(154.2px, -116.1px) rotate(132deg);
    opacity: 0.7395958851;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(132deg);
            transform: translate(174px, -96px) rotate(132deg);
    opacity: 0.7395958851;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(132deg);
            transform: translate(194.85px, -67.5px) rotate(132deg);
    opacity: 0.7395958851;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(132deg);
            transform: translate(216.45px, -30px) rotate(132deg);
    opacity: 0.7395958851;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(132deg);
            transform: translate(239.1px, 17.25px) rotate(132deg);
    opacity: 0.3697979425;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(132deg);
            transform: translate(262.5px, 75px) rotate(132deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-41 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(81deg);
            transform: translate(0px, 0px) rotate(81deg);
    opacity: 1.0513918543;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(81deg);
            transform: translate(-22.05px, -52.5px) rotate(81deg);
    opacity: 1.0513918543;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(81deg);
            transform: translate(-49px, -100.8px) rotate(81deg);
    opacity: 1.0513918543;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(81deg);
            transform: translate(-80.675px, -137.725px) rotate(81deg);
    opacity: 1.0513918543;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(81deg);
            transform: translate(-98.35px, -149.8px) rotate(81deg);
    opacity: 1.0513918543;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(81deg);
            transform: translate(-117.075px, -156.45px) rotate(81deg);
    opacity: 1.0513918543;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(81deg);
            transform: translate(-136.85px, -156.8px) rotate(81deg);
    opacity: 1.0513918543;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(81deg);
            transform: translate(-157.85px, -150.15px) rotate(81deg);
    opacity: 1.0513918543;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(81deg);
            transform: translate(-179.9px, -135.45px) rotate(81deg);
    opacity: 1.0513918543;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(81deg);
            transform: translate(-203px, -112px) rotate(81deg);
    opacity: 1.0513918543;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(81deg);
            transform: translate(-227.325px, -78.75px) rotate(81deg);
    opacity: 1.0513918543;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(81deg);
            transform: translate(-252.525px, -35px) rotate(81deg);
    opacity: 1.0513918543;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(81deg);
            transform: translate(-278.95px, 20.125px) rotate(81deg);
    opacity: 0.5256959272;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(81deg);
            transform: translate(-306.25px, 87.5px) rotate(81deg);
    opacity: 0;
  }
}
@keyframes drop-right-41 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(81deg);
            transform: translate(0px, 0px) rotate(81deg);
    opacity: 1.0513918543;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(81deg);
            transform: translate(-22.05px, -52.5px) rotate(81deg);
    opacity: 1.0513918543;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(81deg);
            transform: translate(-49px, -100.8px) rotate(81deg);
    opacity: 1.0513918543;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(81deg);
            transform: translate(-80.675px, -137.725px) rotate(81deg);
    opacity: 1.0513918543;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(81deg);
            transform: translate(-98.35px, -149.8px) rotate(81deg);
    opacity: 1.0513918543;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(81deg);
            transform: translate(-117.075px, -156.45px) rotate(81deg);
    opacity: 1.0513918543;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(81deg);
            transform: translate(-136.85px, -156.8px) rotate(81deg);
    opacity: 1.0513918543;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(81deg);
            transform: translate(-157.85px, -150.15px) rotate(81deg);
    opacity: 1.0513918543;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(81deg);
            transform: translate(-179.9px, -135.45px) rotate(81deg);
    opacity: 1.0513918543;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(81deg);
            transform: translate(-203px, -112px) rotate(81deg);
    opacity: 1.0513918543;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(81deg);
            transform: translate(-227.325px, -78.75px) rotate(81deg);
    opacity: 1.0513918543;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(81deg);
            transform: translate(-252.525px, -35px) rotate(81deg);
    opacity: 1.0513918543;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(81deg);
            transform: translate(-278.95px, 20.125px) rotate(81deg);
    opacity: 0.5256959272;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(81deg);
            transform: translate(-306.25px, 87.5px) rotate(81deg);
    opacity: 0;
  }
}
.confetti-left-42,
.confetti-right-42 {
  background-color: transparent;
  border-bottom: 1px solid #3FA5C3;
  border-left: 0.5px solid transparent;
  border-right: 0.5px solid transparent;
  height: 0;
  width: 1px;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-42 {
  -webkit-animation: drop-left-42 1.9301583212s 1.2932125871s 2 forwards;
          animation: drop-left-42 1.9301583212s 1.2932125871s 2 forwards;
}

.confetti-right-42 {
  -webkit-animation: drop-right-42 1.3142478875s 1.0883862365s 2 forwards;
          animation: drop-right-42 1.3142478875s 1.0883862365s 2 forwards;
}

@-webkit-keyframes drop-left-42 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(15deg);
            transform: translate(0px, 0px) rotate(15deg);
    opacity: 0.8606239962;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(15deg);
            transform: translate(3.15px, -7.5px) rotate(15deg);
    opacity: 0.8606239962;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(15deg);
            transform: translate(7px, -14.4px) rotate(15deg);
    opacity: 0.8606239962;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(15deg);
            transform: translate(11.525px, -19.675px) rotate(15deg);
    opacity: 0.8606239962;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(15deg);
            transform: translate(14.05px, -21.4px) rotate(15deg);
    opacity: 0.8606239962;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(15deg);
            transform: translate(16.725px, -22.35px) rotate(15deg);
    opacity: 0.8606239962;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(15deg);
            transform: translate(19.55px, -22.4px) rotate(15deg);
    opacity: 0.8606239962;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(15deg);
            transform: translate(22.55px, -21.45px) rotate(15deg);
    opacity: 0.8606239962;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(15deg);
            transform: translate(25.7px, -19.35px) rotate(15deg);
    opacity: 0.8606239962;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(15deg);
            transform: translate(29px, -16px) rotate(15deg);
    opacity: 0.8606239962;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(15deg);
            transform: translate(32.475px, -11.25px) rotate(15deg);
    opacity: 0.8606239962;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(15deg);
            transform: translate(36.075px, -5px) rotate(15deg);
    opacity: 0.8606239962;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(15deg);
            transform: translate(39.85px, 2.875px) rotate(15deg);
    opacity: 0.4303119981;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(15deg);
            transform: translate(43.75px, 12.5px) rotate(15deg);
    opacity: 0;
  }
}

@keyframes drop-left-42 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(15deg);
            transform: translate(0px, 0px) rotate(15deg);
    opacity: 0.8606239962;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(15deg);
            transform: translate(3.15px, -7.5px) rotate(15deg);
    opacity: 0.8606239962;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(15deg);
            transform: translate(7px, -14.4px) rotate(15deg);
    opacity: 0.8606239962;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(15deg);
            transform: translate(11.525px, -19.675px) rotate(15deg);
    opacity: 0.8606239962;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(15deg);
            transform: translate(14.05px, -21.4px) rotate(15deg);
    opacity: 0.8606239962;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(15deg);
            transform: translate(16.725px, -22.35px) rotate(15deg);
    opacity: 0.8606239962;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(15deg);
            transform: translate(19.55px, -22.4px) rotate(15deg);
    opacity: 0.8606239962;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(15deg);
            transform: translate(22.55px, -21.45px) rotate(15deg);
    opacity: 0.8606239962;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(15deg);
            transform: translate(25.7px, -19.35px) rotate(15deg);
    opacity: 0.8606239962;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(15deg);
            transform: translate(29px, -16px) rotate(15deg);
    opacity: 0.8606239962;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(15deg);
            transform: translate(32.475px, -11.25px) rotate(15deg);
    opacity: 0.8606239962;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(15deg);
            transform: translate(36.075px, -5px) rotate(15deg);
    opacity: 0.8606239962;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(15deg);
            transform: translate(39.85px, 2.875px) rotate(15deg);
    opacity: 0.4303119981;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(15deg);
            transform: translate(43.75px, 12.5px) rotate(15deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-42 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(319deg);
            transform: translate(0px, 0px) rotate(319deg);
    opacity: 1.1590411699;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(319deg);
            transform: translate(-12.6px, -30px) rotate(319deg);
    opacity: 1.1590411699;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(319deg);
            transform: translate(-28px, -57.6px) rotate(319deg);
    opacity: 1.1590411699;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(319deg);
            transform: translate(-46.1px, -78.7px) rotate(319deg);
    opacity: 1.1590411699;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(319deg);
            transform: translate(-56.2px, -85.6px) rotate(319deg);
    opacity: 1.1590411699;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(319deg);
            transform: translate(-66.9px, -89.4px) rotate(319deg);
    opacity: 1.1590411699;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(319deg);
            transform: translate(-78.2px, -89.6px) rotate(319deg);
    opacity: 1.1590411699;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(319deg);
            transform: translate(-90.2px, -85.8px) rotate(319deg);
    opacity: 1.1590411699;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(319deg);
            transform: translate(-102.8px, -77.4px) rotate(319deg);
    opacity: 1.1590411699;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(319deg);
            transform: translate(-116px, -64px) rotate(319deg);
    opacity: 1.1590411699;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(319deg);
            transform: translate(-129.9px, -45px) rotate(319deg);
    opacity: 1.1590411699;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(319deg);
            transform: translate(-144.3px, -20px) rotate(319deg);
    opacity: 1.1590411699;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(319deg);
            transform: translate(-159.4px, 11.5px) rotate(319deg);
    opacity: 0.5795205849;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(319deg);
            transform: translate(-175px, 50px) rotate(319deg);
    opacity: 0;
  }
}
@keyframes drop-right-42 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(319deg);
            transform: translate(0px, 0px) rotate(319deg);
    opacity: 1.1590411699;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(319deg);
            transform: translate(-12.6px, -30px) rotate(319deg);
    opacity: 1.1590411699;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(319deg);
            transform: translate(-28px, -57.6px) rotate(319deg);
    opacity: 1.1590411699;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(319deg);
            transform: translate(-46.1px, -78.7px) rotate(319deg);
    opacity: 1.1590411699;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(319deg);
            transform: translate(-56.2px, -85.6px) rotate(319deg);
    opacity: 1.1590411699;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(319deg);
            transform: translate(-66.9px, -89.4px) rotate(319deg);
    opacity: 1.1590411699;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(319deg);
            transform: translate(-78.2px, -89.6px) rotate(319deg);
    opacity: 1.1590411699;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(319deg);
            transform: translate(-90.2px, -85.8px) rotate(319deg);
    opacity: 1.1590411699;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(319deg);
            transform: translate(-102.8px, -77.4px) rotate(319deg);
    opacity: 1.1590411699;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(319deg);
            transform: translate(-116px, -64px) rotate(319deg);
    opacity: 1.1590411699;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(319deg);
            transform: translate(-129.9px, -45px) rotate(319deg);
    opacity: 1.1590411699;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(319deg);
            transform: translate(-144.3px, -20px) rotate(319deg);
    opacity: 1.1590411699;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(319deg);
            transform: translate(-159.4px, 11.5px) rotate(319deg);
    opacity: 0.5795205849;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(319deg);
            transform: translate(-175px, 50px) rotate(319deg);
    opacity: 0;
  }
}
.confetti-left-43,
.confetti-right-43 {
  width: 10.2px;
  height: 10.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-43 {
  -webkit-animation: drop-left-43 1.6116407138s 0.502376521s 2 forwards;
          animation: drop-left-43 1.6116407138s 0.502376521s 2 forwards;
}

.confetti-right-43 {
  -webkit-animation: drop-right-43 1.921863034s 0.7249769998s 2 forwards;
          animation: drop-right-43 1.921863034s 0.7249769998s 2 forwards;
}

@-webkit-keyframes drop-left-43 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(344deg);
            transform: translate(0px, 0px) rotate(344deg);
    opacity: 0.9316336247;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(344deg);
            transform: translate(28.35px, -67.5px) rotate(344deg);
    opacity: 0.9316336247;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(344deg);
            transform: translate(63px, -129.6px) rotate(344deg);
    opacity: 0.9316336247;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(344deg);
            transform: translate(103.725px, -177.075px) rotate(344deg);
    opacity: 0.9316336247;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(344deg);
            transform: translate(126.45px, -192.6px) rotate(344deg);
    opacity: 0.9316336247;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(344deg);
            transform: translate(150.525px, -201.15px) rotate(344deg);
    opacity: 0.9316336247;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(344deg);
            transform: translate(175.95px, -201.6px) rotate(344deg);
    opacity: 0.9316336247;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(344deg);
            transform: translate(202.95px, -193.05px) rotate(344deg);
    opacity: 0.9316336247;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(344deg);
            transform: translate(231.3px, -174.15px) rotate(344deg);
    opacity: 0.9316336247;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(344deg);
            transform: translate(261px, -144px) rotate(344deg);
    opacity: 0.9316336247;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(344deg);
            transform: translate(292.275px, -101.25px) rotate(344deg);
    opacity: 0.9316336247;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(344deg);
            transform: translate(324.675px, -45px) rotate(344deg);
    opacity: 0.9316336247;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(344deg);
            transform: translate(358.65px, 25.875px) rotate(344deg);
    opacity: 0.4658168123;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(344deg);
            transform: translate(393.75px, 112.5px) rotate(344deg);
    opacity: 0;
  }
}

@keyframes drop-left-43 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(344deg);
            transform: translate(0px, 0px) rotate(344deg);
    opacity: 0.9316336247;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(344deg);
            transform: translate(28.35px, -67.5px) rotate(344deg);
    opacity: 0.9316336247;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(344deg);
            transform: translate(63px, -129.6px) rotate(344deg);
    opacity: 0.9316336247;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(344deg);
            transform: translate(103.725px, -177.075px) rotate(344deg);
    opacity: 0.9316336247;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(344deg);
            transform: translate(126.45px, -192.6px) rotate(344deg);
    opacity: 0.9316336247;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(344deg);
            transform: translate(150.525px, -201.15px) rotate(344deg);
    opacity: 0.9316336247;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(344deg);
            transform: translate(175.95px, -201.6px) rotate(344deg);
    opacity: 0.9316336247;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(344deg);
            transform: translate(202.95px, -193.05px) rotate(344deg);
    opacity: 0.9316336247;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(344deg);
            transform: translate(231.3px, -174.15px) rotate(344deg);
    opacity: 0.9316336247;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(344deg);
            transform: translate(261px, -144px) rotate(344deg);
    opacity: 0.9316336247;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(344deg);
            transform: translate(292.275px, -101.25px) rotate(344deg);
    opacity: 0.9316336247;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(344deg);
            transform: translate(324.675px, -45px) rotate(344deg);
    opacity: 0.9316336247;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(344deg);
            transform: translate(358.65px, 25.875px) rotate(344deg);
    opacity: 0.4658168123;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(344deg);
            transform: translate(393.75px, 112.5px) rotate(344deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-43 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(197deg);
            transform: translate(0px, 0px) rotate(197deg);
    opacity: 1.3754937466;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(197deg);
            transform: translate(-22.05px, -52.5px) rotate(197deg);
    opacity: 1.3754937466;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(197deg);
            transform: translate(-49px, -100.8px) rotate(197deg);
    opacity: 1.3754937466;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(197deg);
            transform: translate(-80.675px, -137.725px) rotate(197deg);
    opacity: 1.3754937466;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(197deg);
            transform: translate(-98.35px, -149.8px) rotate(197deg);
    opacity: 1.3754937466;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(197deg);
            transform: translate(-117.075px, -156.45px) rotate(197deg);
    opacity: 1.3754937466;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(197deg);
            transform: translate(-136.85px, -156.8px) rotate(197deg);
    opacity: 1.3754937466;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(197deg);
            transform: translate(-157.85px, -150.15px) rotate(197deg);
    opacity: 1.3754937466;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(197deg);
            transform: translate(-179.9px, -135.45px) rotate(197deg);
    opacity: 1.3754937466;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(197deg);
            transform: translate(-203px, -112px) rotate(197deg);
    opacity: 1.3754937466;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(197deg);
            transform: translate(-227.325px, -78.75px) rotate(197deg);
    opacity: 1.3754937466;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(197deg);
            transform: translate(-252.525px, -35px) rotate(197deg);
    opacity: 1.3754937466;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(197deg);
            transform: translate(-278.95px, 20.125px) rotate(197deg);
    opacity: 0.6877468733;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(197deg);
            transform: translate(-306.25px, 87.5px) rotate(197deg);
    opacity: 0;
  }
}
@keyframes drop-right-43 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(197deg);
            transform: translate(0px, 0px) rotate(197deg);
    opacity: 1.3754937466;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(197deg);
            transform: translate(-22.05px, -52.5px) rotate(197deg);
    opacity: 1.3754937466;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(197deg);
            transform: translate(-49px, -100.8px) rotate(197deg);
    opacity: 1.3754937466;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(197deg);
            transform: translate(-80.675px, -137.725px) rotate(197deg);
    opacity: 1.3754937466;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(197deg);
            transform: translate(-98.35px, -149.8px) rotate(197deg);
    opacity: 1.3754937466;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(197deg);
            transform: translate(-117.075px, -156.45px) rotate(197deg);
    opacity: 1.3754937466;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(197deg);
            transform: translate(-136.85px, -156.8px) rotate(197deg);
    opacity: 1.3754937466;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(197deg);
            transform: translate(-157.85px, -150.15px) rotate(197deg);
    opacity: 1.3754937466;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(197deg);
            transform: translate(-179.9px, -135.45px) rotate(197deg);
    opacity: 1.3754937466;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(197deg);
            transform: translate(-203px, -112px) rotate(197deg);
    opacity: 1.3754937466;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(197deg);
            transform: translate(-227.325px, -78.75px) rotate(197deg);
    opacity: 1.3754937466;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(197deg);
            transform: translate(-252.525px, -35px) rotate(197deg);
    opacity: 1.3754937466;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(197deg);
            transform: translate(-278.95px, 20.125px) rotate(197deg);
    opacity: 0.6877468733;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(197deg);
            transform: translate(-306.25px, 87.5px) rotate(197deg);
    opacity: 0;
  }
}
.confetti-left-44,
.confetti-right-44 {
  width: 9px;
  height: 3.6px;
  background-color: #8AB925;
  top: calc(25% - 9px);
  left: calc(50% - 2.7px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-44 {
  -webkit-animation: drop-left-44 1.3074463492s 1.1751997661s 2 forwards;
          animation: drop-left-44 1.3074463492s 1.1751997661s 2 forwards;
}

.confetti-right-44 {
  -webkit-animation: drop-right-44 1.7299770305s 0.7295039515s 2 forwards;
          animation: drop-right-44 1.7299770305s 0.7295039515s 2 forwards;
}

@-webkit-keyframes drop-left-44 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(357deg);
            transform: translate(0px, 0px) rotate(357deg);
    opacity: 0.6457146135;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(357deg);
            transform: translate(6.3px, -15px) rotate(357deg);
    opacity: 0.6457146135;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(357deg);
            transform: translate(14px, -28.8px) rotate(357deg);
    opacity: 0.6457146135;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(357deg);
            transform: translate(23.05px, -39.35px) rotate(357deg);
    opacity: 0.6457146135;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(357deg);
            transform: translate(28.1px, -42.8px) rotate(357deg);
    opacity: 0.6457146135;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(357deg);
            transform: translate(33.45px, -44.7px) rotate(357deg);
    opacity: 0.6457146135;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(357deg);
            transform: translate(39.1px, -44.8px) rotate(357deg);
    opacity: 0.6457146135;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(357deg);
            transform: translate(45.1px, -42.9px) rotate(357deg);
    opacity: 0.6457146135;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(357deg);
            transform: translate(51.4px, -38.7px) rotate(357deg);
    opacity: 0.6457146135;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(357deg);
            transform: translate(58px, -32px) rotate(357deg);
    opacity: 0.6457146135;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(357deg);
            transform: translate(64.95px, -22.5px) rotate(357deg);
    opacity: 0.6457146135;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(357deg);
            transform: translate(72.15px, -10px) rotate(357deg);
    opacity: 0.6457146135;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(357deg);
            transform: translate(79.7px, 5.75px) rotate(357deg);
    opacity: 0.3228573068;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(357deg);
            transform: translate(87.5px, 25px) rotate(357deg);
    opacity: 0;
  }
}

@keyframes drop-left-44 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(357deg);
            transform: translate(0px, 0px) rotate(357deg);
    opacity: 0.6457146135;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(357deg);
            transform: translate(6.3px, -15px) rotate(357deg);
    opacity: 0.6457146135;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(357deg);
            transform: translate(14px, -28.8px) rotate(357deg);
    opacity: 0.6457146135;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(357deg);
            transform: translate(23.05px, -39.35px) rotate(357deg);
    opacity: 0.6457146135;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(357deg);
            transform: translate(28.1px, -42.8px) rotate(357deg);
    opacity: 0.6457146135;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(357deg);
            transform: translate(33.45px, -44.7px) rotate(357deg);
    opacity: 0.6457146135;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(357deg);
            transform: translate(39.1px, -44.8px) rotate(357deg);
    opacity: 0.6457146135;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(357deg);
            transform: translate(45.1px, -42.9px) rotate(357deg);
    opacity: 0.6457146135;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(357deg);
            transform: translate(51.4px, -38.7px) rotate(357deg);
    opacity: 0.6457146135;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(357deg);
            transform: translate(58px, -32px) rotate(357deg);
    opacity: 0.6457146135;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(357deg);
            transform: translate(64.95px, -22.5px) rotate(357deg);
    opacity: 0.6457146135;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(357deg);
            transform: translate(72.15px, -10px) rotate(357deg);
    opacity: 0.6457146135;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(357deg);
            transform: translate(79.7px, 5.75px) rotate(357deg);
    opacity: 0.3228573068;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(357deg);
            transform: translate(87.5px, 25px) rotate(357deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-44 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(340deg);
            transform: translate(0px, 0px) rotate(340deg);
    opacity: 0.9787752624;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(340deg);
            transform: translate(-15.75px, -37.5px) rotate(340deg);
    opacity: 0.9787752624;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(340deg);
            transform: translate(-35px, -72px) rotate(340deg);
    opacity: 0.9787752624;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(340deg);
            transform: translate(-57.625px, -98.375px) rotate(340deg);
    opacity: 0.9787752624;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(340deg);
            transform: translate(-70.25px, -107px) rotate(340deg);
    opacity: 0.9787752624;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(340deg);
            transform: translate(-83.625px, -111.75px) rotate(340deg);
    opacity: 0.9787752624;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(340deg);
            transform: translate(-97.75px, -112px) rotate(340deg);
    opacity: 0.9787752624;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(340deg);
            transform: translate(-112.75px, -107.25px) rotate(340deg);
    opacity: 0.9787752624;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(340deg);
            transform: translate(-128.5px, -96.75px) rotate(340deg);
    opacity: 0.9787752624;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(340deg);
            transform: translate(-145px, -80px) rotate(340deg);
    opacity: 0.9787752624;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(340deg);
            transform: translate(-162.375px, -56.25px) rotate(340deg);
    opacity: 0.9787752624;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(340deg);
            transform: translate(-180.375px, -25px) rotate(340deg);
    opacity: 0.9787752624;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(340deg);
            transform: translate(-199.25px, 14.375px) rotate(340deg);
    opacity: 0.4893876312;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(340deg);
            transform: translate(-218.75px, 62.5px) rotate(340deg);
    opacity: 0;
  }
}
@keyframes drop-right-44 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(340deg);
            transform: translate(0px, 0px) rotate(340deg);
    opacity: 0.9787752624;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(340deg);
            transform: translate(-15.75px, -37.5px) rotate(340deg);
    opacity: 0.9787752624;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(340deg);
            transform: translate(-35px, -72px) rotate(340deg);
    opacity: 0.9787752624;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(340deg);
            transform: translate(-57.625px, -98.375px) rotate(340deg);
    opacity: 0.9787752624;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(340deg);
            transform: translate(-70.25px, -107px) rotate(340deg);
    opacity: 0.9787752624;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(340deg);
            transform: translate(-83.625px, -111.75px) rotate(340deg);
    opacity: 0.9787752624;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(340deg);
            transform: translate(-97.75px, -112px) rotate(340deg);
    opacity: 0.9787752624;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(340deg);
            transform: translate(-112.75px, -107.25px) rotate(340deg);
    opacity: 0.9787752624;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(340deg);
            transform: translate(-128.5px, -96.75px) rotate(340deg);
    opacity: 0.9787752624;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(340deg);
            transform: translate(-145px, -80px) rotate(340deg);
    opacity: 0.9787752624;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(340deg);
            transform: translate(-162.375px, -56.25px) rotate(340deg);
    opacity: 0.9787752624;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(340deg);
            transform: translate(-180.375px, -25px) rotate(340deg);
    opacity: 0.9787752624;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(340deg);
            transform: translate(-199.25px, 14.375px) rotate(340deg);
    opacity: 0.4893876312;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(340deg);
            transform: translate(-218.75px, 62.5px) rotate(340deg);
    opacity: 0;
  }
}
.confetti-left-45,
.confetti-right-45 {
  width: 6px;
  height: 2.4px;
  background-color: #F4BB2F;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-45 {
  -webkit-animation: drop-left-45 1.109622017s 1.0629025371s 2 forwards;
          animation: drop-left-45 1.109622017s 1.0629025371s 2 forwards;
}

.confetti-right-45 {
  -webkit-animation: drop-right-45 1.4241691544s 1.43634806s 2 forwards;
          animation: drop-right-45 1.4241691544s 1.43634806s 2 forwards;
}

@-webkit-keyframes drop-left-45 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(232deg);
            transform: translate(0px, 0px) rotate(232deg);
    opacity: 1.3790020997;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(232deg);
            transform: translate(12.6px, -30px) rotate(232deg);
    opacity: 1.3790020997;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(232deg);
            transform: translate(28px, -57.6px) rotate(232deg);
    opacity: 1.3790020997;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(232deg);
            transform: translate(46.1px, -78.7px) rotate(232deg);
    opacity: 1.3790020997;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(232deg);
            transform: translate(56.2px, -85.6px) rotate(232deg);
    opacity: 1.3790020997;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(232deg);
            transform: translate(66.9px, -89.4px) rotate(232deg);
    opacity: 1.3790020997;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(232deg);
            transform: translate(78.2px, -89.6px) rotate(232deg);
    opacity: 1.3790020997;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(232deg);
            transform: translate(90.2px, -85.8px) rotate(232deg);
    opacity: 1.3790020997;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(232deg);
            transform: translate(102.8px, -77.4px) rotate(232deg);
    opacity: 1.3790020997;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(232deg);
            transform: translate(116px, -64px) rotate(232deg);
    opacity: 1.3790020997;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(232deg);
            transform: translate(129.9px, -45px) rotate(232deg);
    opacity: 1.3790020997;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(232deg);
            transform: translate(144.3px, -20px) rotate(232deg);
    opacity: 1.3790020997;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(232deg);
            transform: translate(159.4px, 11.5px) rotate(232deg);
    opacity: 0.6895010499;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(232deg);
            transform: translate(175px, 50px) rotate(232deg);
    opacity: 0;
  }
}

@keyframes drop-left-45 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(232deg);
            transform: translate(0px, 0px) rotate(232deg);
    opacity: 1.3790020997;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(232deg);
            transform: translate(12.6px, -30px) rotate(232deg);
    opacity: 1.3790020997;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(232deg);
            transform: translate(28px, -57.6px) rotate(232deg);
    opacity: 1.3790020997;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(232deg);
            transform: translate(46.1px, -78.7px) rotate(232deg);
    opacity: 1.3790020997;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(232deg);
            transform: translate(56.2px, -85.6px) rotate(232deg);
    opacity: 1.3790020997;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(232deg);
            transform: translate(66.9px, -89.4px) rotate(232deg);
    opacity: 1.3790020997;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(232deg);
            transform: translate(78.2px, -89.6px) rotate(232deg);
    opacity: 1.3790020997;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(232deg);
            transform: translate(90.2px, -85.8px) rotate(232deg);
    opacity: 1.3790020997;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(232deg);
            transform: translate(102.8px, -77.4px) rotate(232deg);
    opacity: 1.3790020997;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(232deg);
            transform: translate(116px, -64px) rotate(232deg);
    opacity: 1.3790020997;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(232deg);
            transform: translate(129.9px, -45px) rotate(232deg);
    opacity: 1.3790020997;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(232deg);
            transform: translate(144.3px, -20px) rotate(232deg);
    opacity: 1.3790020997;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(232deg);
            transform: translate(159.4px, 11.5px) rotate(232deg);
    opacity: 0.6895010499;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(232deg);
            transform: translate(175px, 50px) rotate(232deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-45 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(334deg);
            transform: translate(0px, 0px) rotate(334deg);
    opacity: 0.7403528499;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(334deg);
            transform: translate(-3.15px, -7.5px) rotate(334deg);
    opacity: 0.7403528499;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(334deg);
            transform: translate(-7px, -14.4px) rotate(334deg);
    opacity: 0.7403528499;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(334deg);
            transform: translate(-11.525px, -19.675px) rotate(334deg);
    opacity: 0.7403528499;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(334deg);
            transform: translate(-14.05px, -21.4px) rotate(334deg);
    opacity: 0.7403528499;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(334deg);
            transform: translate(-16.725px, -22.35px) rotate(334deg);
    opacity: 0.7403528499;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(334deg);
            transform: translate(-19.55px, -22.4px) rotate(334deg);
    opacity: 0.7403528499;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(334deg);
            transform: translate(-22.55px, -21.45px) rotate(334deg);
    opacity: 0.7403528499;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(334deg);
            transform: translate(-25.7px, -19.35px) rotate(334deg);
    opacity: 0.7403528499;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(334deg);
            transform: translate(-29px, -16px) rotate(334deg);
    opacity: 0.7403528499;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(334deg);
            transform: translate(-32.475px, -11.25px) rotate(334deg);
    opacity: 0.7403528499;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(334deg);
            transform: translate(-36.075px, -5px) rotate(334deg);
    opacity: 0.7403528499;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(334deg);
            transform: translate(-39.85px, 2.875px) rotate(334deg);
    opacity: 0.370176425;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(334deg);
            transform: translate(-43.75px, 12.5px) rotate(334deg);
    opacity: 0;
  }
}
@keyframes drop-right-45 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(334deg);
            transform: translate(0px, 0px) rotate(334deg);
    opacity: 0.7403528499;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(334deg);
            transform: translate(-3.15px, -7.5px) rotate(334deg);
    opacity: 0.7403528499;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(334deg);
            transform: translate(-7px, -14.4px) rotate(334deg);
    opacity: 0.7403528499;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(334deg);
            transform: translate(-11.525px, -19.675px) rotate(334deg);
    opacity: 0.7403528499;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(334deg);
            transform: translate(-14.05px, -21.4px) rotate(334deg);
    opacity: 0.7403528499;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(334deg);
            transform: translate(-16.725px, -22.35px) rotate(334deg);
    opacity: 0.7403528499;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(334deg);
            transform: translate(-19.55px, -22.4px) rotate(334deg);
    opacity: 0.7403528499;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(334deg);
            transform: translate(-22.55px, -21.45px) rotate(334deg);
    opacity: 0.7403528499;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(334deg);
            transform: translate(-25.7px, -19.35px) rotate(334deg);
    opacity: 0.7403528499;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(334deg);
            transform: translate(-29px, -16px) rotate(334deg);
    opacity: 0.7403528499;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(334deg);
            transform: translate(-32.475px, -11.25px) rotate(334deg);
    opacity: 0.7403528499;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(334deg);
            transform: translate(-36.075px, -5px) rotate(334deg);
    opacity: 0.7403528499;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(334deg);
            transform: translate(-39.85px, 2.875px) rotate(334deg);
    opacity: 0.370176425;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(334deg);
            transform: translate(-43.75px, 12.5px) rotate(334deg);
    opacity: 0;
  }
}
.confetti-left-46,
.confetti-right-46 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-46 {
  -webkit-animation: drop-left-46 1.2816493094s 0.4634556324s 2 forwards;
          animation: drop-left-46 1.2816493094s 0.4634556324s 2 forwards;
}

.confetti-right-46 {
  -webkit-animation: drop-right-46 1.6929492856s 1.2048456367s 2 forwards;
          animation: drop-right-46 1.6929492856s 1.2048456367s 2 forwards;
}

@-webkit-keyframes drop-left-46 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(131deg);
            transform: translate(0px, 0px) rotate(131deg);
    opacity: 0.6566903484;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(131deg);
            transform: translate(22.05px, -52.5px) rotate(131deg);
    opacity: 0.6566903484;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(131deg);
            transform: translate(49px, -100.8px) rotate(131deg);
    opacity: 0.6566903484;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(131deg);
            transform: translate(80.675px, -137.725px) rotate(131deg);
    opacity: 0.6566903484;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(131deg);
            transform: translate(98.35px, -149.8px) rotate(131deg);
    opacity: 0.6566903484;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(131deg);
            transform: translate(117.075px, -156.45px) rotate(131deg);
    opacity: 0.6566903484;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(131deg);
            transform: translate(136.85px, -156.8px) rotate(131deg);
    opacity: 0.6566903484;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(131deg);
            transform: translate(157.85px, -150.15px) rotate(131deg);
    opacity: 0.6566903484;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(131deg);
            transform: translate(179.9px, -135.45px) rotate(131deg);
    opacity: 0.6566903484;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(131deg);
            transform: translate(203px, -112px) rotate(131deg);
    opacity: 0.6566903484;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(131deg);
            transform: translate(227.325px, -78.75px) rotate(131deg);
    opacity: 0.6566903484;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(131deg);
            transform: translate(252.525px, -35px) rotate(131deg);
    opacity: 0.6566903484;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(131deg);
            transform: translate(278.95px, 20.125px) rotate(131deg);
    opacity: 0.3283451742;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(131deg);
            transform: translate(306.25px, 87.5px) rotate(131deg);
    opacity: 0;
  }
}

@keyframes drop-left-46 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(131deg);
            transform: translate(0px, 0px) rotate(131deg);
    opacity: 0.6566903484;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(131deg);
            transform: translate(22.05px, -52.5px) rotate(131deg);
    opacity: 0.6566903484;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(131deg);
            transform: translate(49px, -100.8px) rotate(131deg);
    opacity: 0.6566903484;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(131deg);
            transform: translate(80.675px, -137.725px) rotate(131deg);
    opacity: 0.6566903484;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(131deg);
            transform: translate(98.35px, -149.8px) rotate(131deg);
    opacity: 0.6566903484;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(131deg);
            transform: translate(117.075px, -156.45px) rotate(131deg);
    opacity: 0.6566903484;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(131deg);
            transform: translate(136.85px, -156.8px) rotate(131deg);
    opacity: 0.6566903484;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(131deg);
            transform: translate(157.85px, -150.15px) rotate(131deg);
    opacity: 0.6566903484;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(131deg);
            transform: translate(179.9px, -135.45px) rotate(131deg);
    opacity: 0.6566903484;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(131deg);
            transform: translate(203px, -112px) rotate(131deg);
    opacity: 0.6566903484;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(131deg);
            transform: translate(227.325px, -78.75px) rotate(131deg);
    opacity: 0.6566903484;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(131deg);
            transform: translate(252.525px, -35px) rotate(131deg);
    opacity: 0.6566903484;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(131deg);
            transform: translate(278.95px, 20.125px) rotate(131deg);
    opacity: 0.3283451742;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(131deg);
            transform: translate(306.25px, 87.5px) rotate(131deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-46 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(123deg);
            transform: translate(0px, 0px) rotate(123deg);
    opacity: 1.3527126307;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(123deg);
            transform: translate(-15.75px, -37.5px) rotate(123deg);
    opacity: 1.3527126307;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(123deg);
            transform: translate(-35px, -72px) rotate(123deg);
    opacity: 1.3527126307;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(123deg);
            transform: translate(-57.625px, -98.375px) rotate(123deg);
    opacity: 1.3527126307;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(123deg);
            transform: translate(-70.25px, -107px) rotate(123deg);
    opacity: 1.3527126307;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(123deg);
            transform: translate(-83.625px, -111.75px) rotate(123deg);
    opacity: 1.3527126307;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(123deg);
            transform: translate(-97.75px, -112px) rotate(123deg);
    opacity: 1.3527126307;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(123deg);
            transform: translate(-112.75px, -107.25px) rotate(123deg);
    opacity: 1.3527126307;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(123deg);
            transform: translate(-128.5px, -96.75px) rotate(123deg);
    opacity: 1.3527126307;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(123deg);
            transform: translate(-145px, -80px) rotate(123deg);
    opacity: 1.3527126307;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(123deg);
            transform: translate(-162.375px, -56.25px) rotate(123deg);
    opacity: 1.3527126307;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(123deg);
            transform: translate(-180.375px, -25px) rotate(123deg);
    opacity: 1.3527126307;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(123deg);
            transform: translate(-199.25px, 14.375px) rotate(123deg);
    opacity: 0.6763563153;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(123deg);
            transform: translate(-218.75px, 62.5px) rotate(123deg);
    opacity: 0;
  }
}
@keyframes drop-right-46 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(123deg);
            transform: translate(0px, 0px) rotate(123deg);
    opacity: 1.3527126307;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(123deg);
            transform: translate(-15.75px, -37.5px) rotate(123deg);
    opacity: 1.3527126307;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(123deg);
            transform: translate(-35px, -72px) rotate(123deg);
    opacity: 1.3527126307;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(123deg);
            transform: translate(-57.625px, -98.375px) rotate(123deg);
    opacity: 1.3527126307;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(123deg);
            transform: translate(-70.25px, -107px) rotate(123deg);
    opacity: 1.3527126307;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(123deg);
            transform: translate(-83.625px, -111.75px) rotate(123deg);
    opacity: 1.3527126307;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(123deg);
            transform: translate(-97.75px, -112px) rotate(123deg);
    opacity: 1.3527126307;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(123deg);
            transform: translate(-112.75px, -107.25px) rotate(123deg);
    opacity: 1.3527126307;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(123deg);
            transform: translate(-128.5px, -96.75px) rotate(123deg);
    opacity: 1.3527126307;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(123deg);
            transform: translate(-145px, -80px) rotate(123deg);
    opacity: 1.3527126307;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(123deg);
            transform: translate(-162.375px, -56.25px) rotate(123deg);
    opacity: 1.3527126307;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(123deg);
            transform: translate(-180.375px, -25px) rotate(123deg);
    opacity: 1.3527126307;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(123deg);
            transform: translate(-199.25px, 14.375px) rotate(123deg);
    opacity: 0.6763563153;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(123deg);
            transform: translate(-218.75px, 62.5px) rotate(123deg);
    opacity: 0;
  }
}
.confetti-left-47,
.confetti-right-47 {
  background-color: transparent;
  border-bottom: 7.5px solid #765AA3;
  border-left: 3.75px solid transparent;
  border-right: 3.75px solid transparent;
  height: 0;
  width: 7.5px;
  top: calc(25% - 15px);
  left: calc(50% - 4.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-47 {
  -webkit-animation: drop-left-47 1.2274740407s 0.7913812385s 2 forwards;
          animation: drop-left-47 1.2274740407s 0.7913812385s 2 forwards;
}

.confetti-right-47 {
  -webkit-animation: drop-right-47 1.5277083918s 1.2144852597s 2 forwards;
          animation: drop-right-47 1.5277083918s 1.2144852597s 2 forwards;
}

@-webkit-keyframes drop-left-47 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(33deg);
            transform: translate(0px, 0px) rotate(33deg);
    opacity: 1.4666337776;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(33deg);
            transform: translate(9.45px, -22.5px) rotate(33deg);
    opacity: 1.4666337776;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(33deg);
            transform: translate(21px, -43.2px) rotate(33deg);
    opacity: 1.4666337776;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(33deg);
            transform: translate(34.575px, -59.025px) rotate(33deg);
    opacity: 1.4666337776;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(33deg);
            transform: translate(42.15px, -64.2px) rotate(33deg);
    opacity: 1.4666337776;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(33deg);
            transform: translate(50.175px, -67.05px) rotate(33deg);
    opacity: 1.4666337776;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(33deg);
            transform: translate(58.65px, -67.2px) rotate(33deg);
    opacity: 1.4666337776;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(33deg);
            transform: translate(67.65px, -64.35px) rotate(33deg);
    opacity: 1.4666337776;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(33deg);
            transform: translate(77.1px, -58.05px) rotate(33deg);
    opacity: 1.4666337776;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(33deg);
            transform: translate(87px, -48px) rotate(33deg);
    opacity: 1.4666337776;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(33deg);
            transform: translate(97.425px, -33.75px) rotate(33deg);
    opacity: 1.4666337776;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(33deg);
            transform: translate(108.225px, -15px) rotate(33deg);
    opacity: 1.4666337776;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(33deg);
            transform: translate(119.55px, 8.625px) rotate(33deg);
    opacity: 0.7333168888;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(33deg);
            transform: translate(131.25px, 37.5px) rotate(33deg);
    opacity: 0;
  }
}

@keyframes drop-left-47 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(33deg);
            transform: translate(0px, 0px) rotate(33deg);
    opacity: 1.4666337776;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(33deg);
            transform: translate(9.45px, -22.5px) rotate(33deg);
    opacity: 1.4666337776;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(33deg);
            transform: translate(21px, -43.2px) rotate(33deg);
    opacity: 1.4666337776;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(33deg);
            transform: translate(34.575px, -59.025px) rotate(33deg);
    opacity: 1.4666337776;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(33deg);
            transform: translate(42.15px, -64.2px) rotate(33deg);
    opacity: 1.4666337776;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(33deg);
            transform: translate(50.175px, -67.05px) rotate(33deg);
    opacity: 1.4666337776;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(33deg);
            transform: translate(58.65px, -67.2px) rotate(33deg);
    opacity: 1.4666337776;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(33deg);
            transform: translate(67.65px, -64.35px) rotate(33deg);
    opacity: 1.4666337776;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(33deg);
            transform: translate(77.1px, -58.05px) rotate(33deg);
    opacity: 1.4666337776;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(33deg);
            transform: translate(87px, -48px) rotate(33deg);
    opacity: 1.4666337776;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(33deg);
            transform: translate(97.425px, -33.75px) rotate(33deg);
    opacity: 1.4666337776;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(33deg);
            transform: translate(108.225px, -15px) rotate(33deg);
    opacity: 1.4666337776;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(33deg);
            transform: translate(119.55px, 8.625px) rotate(33deg);
    opacity: 0.7333168888;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(33deg);
            transform: translate(131.25px, 37.5px) rotate(33deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-47 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(244deg);
            transform: translate(0px, 0px) rotate(244deg);
    opacity: 0.7160040622;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(244deg);
            transform: translate(-31.5px, -75px) rotate(244deg);
    opacity: 0.7160040622;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(244deg);
            transform: translate(-70px, -144px) rotate(244deg);
    opacity: 0.7160040622;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(244deg);
            transform: translate(-115.25px, -196.75px) rotate(244deg);
    opacity: 0.7160040622;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(244deg);
            transform: translate(-140.5px, -214px) rotate(244deg);
    opacity: 0.7160040622;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(244deg);
            transform: translate(-167.25px, -223.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(244deg);
            transform: translate(-195.5px, -224px) rotate(244deg);
    opacity: 0.7160040622;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(244deg);
            transform: translate(-225.5px, -214.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(244deg);
            transform: translate(-257px, -193.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(244deg);
            transform: translate(-290px, -160px) rotate(244deg);
    opacity: 0.7160040622;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(244deg);
            transform: translate(-324.75px, -112.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(244deg);
            transform: translate(-360.75px, -50px) rotate(244deg);
    opacity: 0.7160040622;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(244deg);
            transform: translate(-398.5px, 28.75px) rotate(244deg);
    opacity: 0.3580020311;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(244deg);
            transform: translate(-437.5px, 125px) rotate(244deg);
    opacity: 0;
  }
}
@keyframes drop-right-47 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(244deg);
            transform: translate(0px, 0px) rotate(244deg);
    opacity: 0.7160040622;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(244deg);
            transform: translate(-31.5px, -75px) rotate(244deg);
    opacity: 0.7160040622;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(244deg);
            transform: translate(-70px, -144px) rotate(244deg);
    opacity: 0.7160040622;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(244deg);
            transform: translate(-115.25px, -196.75px) rotate(244deg);
    opacity: 0.7160040622;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(244deg);
            transform: translate(-140.5px, -214px) rotate(244deg);
    opacity: 0.7160040622;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(244deg);
            transform: translate(-167.25px, -223.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(244deg);
            transform: translate(-195.5px, -224px) rotate(244deg);
    opacity: 0.7160040622;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(244deg);
            transform: translate(-225.5px, -214.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(244deg);
            transform: translate(-257px, -193.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(244deg);
            transform: translate(-290px, -160px) rotate(244deg);
    opacity: 0.7160040622;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(244deg);
            transform: translate(-324.75px, -112.5px) rotate(244deg);
    opacity: 0.7160040622;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(244deg);
            transform: translate(-360.75px, -50px) rotate(244deg);
    opacity: 0.7160040622;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(244deg);
            transform: translate(-398.5px, 28.75px) rotate(244deg);
    opacity: 0.3580020311;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(244deg);
            transform: translate(-437.5px, 125px) rotate(244deg);
    opacity: 0;
  }
}
.confetti-left-48,
.confetti-right-48 {
  width: 11px;
  height: 4.4px;
  background-color: #F4BB2F;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-48 {
  -webkit-animation: drop-left-48 1.8886364578s 0.8125739441s 2 forwards;
          animation: drop-left-48 1.8886364578s 0.8125739441s 2 forwards;
}

.confetti-right-48 {
  -webkit-animation: drop-right-48 1.8625245933s 0.7088305457s 2 forwards;
          animation: drop-right-48 1.8625245933s 0.7088305457s 2 forwards;
}

@-webkit-keyframes drop-left-48 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(51deg);
            transform: translate(0px, 0px) rotate(51deg);
    opacity: 0.7086623775;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(51deg);
            transform: translate(31.5px, -75px) rotate(51deg);
    opacity: 0.7086623775;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(51deg);
            transform: translate(70px, -144px) rotate(51deg);
    opacity: 0.7086623775;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(51deg);
            transform: translate(115.25px, -196.75px) rotate(51deg);
    opacity: 0.7086623775;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(51deg);
            transform: translate(140.5px, -214px) rotate(51deg);
    opacity: 0.7086623775;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(51deg);
            transform: translate(167.25px, -223.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(51deg);
            transform: translate(195.5px, -224px) rotate(51deg);
    opacity: 0.7086623775;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(51deg);
            transform: translate(225.5px, -214.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(51deg);
            transform: translate(257px, -193.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(51deg);
            transform: translate(290px, -160px) rotate(51deg);
    opacity: 0.7086623775;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(51deg);
            transform: translate(324.75px, -112.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(51deg);
            transform: translate(360.75px, -50px) rotate(51deg);
    opacity: 0.7086623775;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(51deg);
            transform: translate(398.5px, 28.75px) rotate(51deg);
    opacity: 0.3543311887;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(51deg);
            transform: translate(437.5px, 125px) rotate(51deg);
    opacity: 0;
  }
}

@keyframes drop-left-48 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(51deg);
            transform: translate(0px, 0px) rotate(51deg);
    opacity: 0.7086623775;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(51deg);
            transform: translate(31.5px, -75px) rotate(51deg);
    opacity: 0.7086623775;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(51deg);
            transform: translate(70px, -144px) rotate(51deg);
    opacity: 0.7086623775;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(51deg);
            transform: translate(115.25px, -196.75px) rotate(51deg);
    opacity: 0.7086623775;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(51deg);
            transform: translate(140.5px, -214px) rotate(51deg);
    opacity: 0.7086623775;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(51deg);
            transform: translate(167.25px, -223.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(51deg);
            transform: translate(195.5px, -224px) rotate(51deg);
    opacity: 0.7086623775;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(51deg);
            transform: translate(225.5px, -214.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(51deg);
            transform: translate(257px, -193.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(51deg);
            transform: translate(290px, -160px) rotate(51deg);
    opacity: 0.7086623775;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(51deg);
            transform: translate(324.75px, -112.5px) rotate(51deg);
    opacity: 0.7086623775;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(51deg);
            transform: translate(360.75px, -50px) rotate(51deg);
    opacity: 0.7086623775;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(51deg);
            transform: translate(398.5px, 28.75px) rotate(51deg);
    opacity: 0.3543311887;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(51deg);
            transform: translate(437.5px, 125px) rotate(51deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-48 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(52deg);
            transform: translate(0px, 0px) rotate(52deg);
    opacity: 0.926268079;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(52deg);
            transform: translate(-18.9px, -45px) rotate(52deg);
    opacity: 0.926268079;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(52deg);
            transform: translate(-42px, -86.4px) rotate(52deg);
    opacity: 0.926268079;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(52deg);
            transform: translate(-69.15px, -118.05px) rotate(52deg);
    opacity: 0.926268079;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(52deg);
            transform: translate(-84.3px, -128.4px) rotate(52deg);
    opacity: 0.926268079;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(52deg);
            transform: translate(-100.35px, -134.1px) rotate(52deg);
    opacity: 0.926268079;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(52deg);
            transform: translate(-117.3px, -134.4px) rotate(52deg);
    opacity: 0.926268079;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(52deg);
            transform: translate(-135.3px, -128.7px) rotate(52deg);
    opacity: 0.926268079;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(52deg);
            transform: translate(-154.2px, -116.1px) rotate(52deg);
    opacity: 0.926268079;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(52deg);
            transform: translate(-174px, -96px) rotate(52deg);
    opacity: 0.926268079;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(52deg);
            transform: translate(-194.85px, -67.5px) rotate(52deg);
    opacity: 0.926268079;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(52deg);
            transform: translate(-216.45px, -30px) rotate(52deg);
    opacity: 0.926268079;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(52deg);
            transform: translate(-239.1px, 17.25px) rotate(52deg);
    opacity: 0.4631340395;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(52deg);
            transform: translate(-262.5px, 75px) rotate(52deg);
    opacity: 0;
  }
}
@keyframes drop-right-48 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(52deg);
            transform: translate(0px, 0px) rotate(52deg);
    opacity: 0.926268079;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(52deg);
            transform: translate(-18.9px, -45px) rotate(52deg);
    opacity: 0.926268079;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(52deg);
            transform: translate(-42px, -86.4px) rotate(52deg);
    opacity: 0.926268079;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(52deg);
            transform: translate(-69.15px, -118.05px) rotate(52deg);
    opacity: 0.926268079;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(52deg);
            transform: translate(-84.3px, -128.4px) rotate(52deg);
    opacity: 0.926268079;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(52deg);
            transform: translate(-100.35px, -134.1px) rotate(52deg);
    opacity: 0.926268079;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(52deg);
            transform: translate(-117.3px, -134.4px) rotate(52deg);
    opacity: 0.926268079;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(52deg);
            transform: translate(-135.3px, -128.7px) rotate(52deg);
    opacity: 0.926268079;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(52deg);
            transform: translate(-154.2px, -116.1px) rotate(52deg);
    opacity: 0.926268079;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(52deg);
            transform: translate(-174px, -96px) rotate(52deg);
    opacity: 0.926268079;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(52deg);
            transform: translate(-194.85px, -67.5px) rotate(52deg);
    opacity: 0.926268079;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(52deg);
            transform: translate(-216.45px, -30px) rotate(52deg);
    opacity: 0.926268079;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(52deg);
            transform: translate(-239.1px, 17.25px) rotate(52deg);
    opacity: 0.4631340395;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(52deg);
            transform: translate(-262.5px, 75px) rotate(52deg);
    opacity: 0;
  }
}
.confetti-left-49,
.confetti-right-49 {
  background-color: transparent;
  border-bottom: 8.5px solid #765AA3;
  border-left: 4.25px solid transparent;
  border-right: 4.25px solid transparent;
  height: 0;
  width: 8.5px;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-49 {
  -webkit-animation: drop-left-49 1.3788543702s 1.1803545074s 2 forwards;
          animation: drop-left-49 1.3788543702s 1.1803545074s 2 forwards;
}

.confetti-right-49 {
  -webkit-animation: drop-right-49 1.1449326898s 1.1443310063s 2 forwards;
          animation: drop-right-49 1.1449326898s 1.1443310063s 2 forwards;
}

@-webkit-keyframes drop-left-49 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(105deg);
            transform: translate(0px, 0px) rotate(105deg);
    opacity: 1.4864592802;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(105deg);
            transform: translate(18.9px, -45px) rotate(105deg);
    opacity: 1.4864592802;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(105deg);
            transform: translate(42px, -86.4px) rotate(105deg);
    opacity: 1.4864592802;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(105deg);
            transform: translate(69.15px, -118.05px) rotate(105deg);
    opacity: 1.4864592802;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(105deg);
            transform: translate(84.3px, -128.4px) rotate(105deg);
    opacity: 1.4864592802;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(105deg);
            transform: translate(100.35px, -134.1px) rotate(105deg);
    opacity: 1.4864592802;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(105deg);
            transform: translate(117.3px, -134.4px) rotate(105deg);
    opacity: 1.4864592802;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(105deg);
            transform: translate(135.3px, -128.7px) rotate(105deg);
    opacity: 1.4864592802;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(105deg);
            transform: translate(154.2px, -116.1px) rotate(105deg);
    opacity: 1.4864592802;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(105deg);
            transform: translate(174px, -96px) rotate(105deg);
    opacity: 1.4864592802;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(105deg);
            transform: translate(194.85px, -67.5px) rotate(105deg);
    opacity: 1.4864592802;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(105deg);
            transform: translate(216.45px, -30px) rotate(105deg);
    opacity: 1.4864592802;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(105deg);
            transform: translate(239.1px, 17.25px) rotate(105deg);
    opacity: 0.7432296401;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(105deg);
            transform: translate(262.5px, 75px) rotate(105deg);
    opacity: 0;
  }
}

@keyframes drop-left-49 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(105deg);
            transform: translate(0px, 0px) rotate(105deg);
    opacity: 1.4864592802;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(105deg);
            transform: translate(18.9px, -45px) rotate(105deg);
    opacity: 1.4864592802;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(105deg);
            transform: translate(42px, -86.4px) rotate(105deg);
    opacity: 1.4864592802;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(105deg);
            transform: translate(69.15px, -118.05px) rotate(105deg);
    opacity: 1.4864592802;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(105deg);
            transform: translate(84.3px, -128.4px) rotate(105deg);
    opacity: 1.4864592802;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(105deg);
            transform: translate(100.35px, -134.1px) rotate(105deg);
    opacity: 1.4864592802;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(105deg);
            transform: translate(117.3px, -134.4px) rotate(105deg);
    opacity: 1.4864592802;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(105deg);
            transform: translate(135.3px, -128.7px) rotate(105deg);
    opacity: 1.4864592802;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(105deg);
            transform: translate(154.2px, -116.1px) rotate(105deg);
    opacity: 1.4864592802;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(105deg);
            transform: translate(174px, -96px) rotate(105deg);
    opacity: 1.4864592802;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(105deg);
            transform: translate(194.85px, -67.5px) rotate(105deg);
    opacity: 1.4864592802;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(105deg);
            transform: translate(216.45px, -30px) rotate(105deg);
    opacity: 1.4864592802;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(105deg);
            transform: translate(239.1px, 17.25px) rotate(105deg);
    opacity: 0.7432296401;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(105deg);
            transform: translate(262.5px, 75px) rotate(105deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-49 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(213deg);
            transform: translate(0px, 0px) rotate(213deg);
    opacity: 1.0259431568;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(213deg);
            transform: translate(-31.5px, -75px) rotate(213deg);
    opacity: 1.0259431568;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(213deg);
            transform: translate(-70px, -144px) rotate(213deg);
    opacity: 1.0259431568;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(213deg);
            transform: translate(-115.25px, -196.75px) rotate(213deg);
    opacity: 1.0259431568;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(213deg);
            transform: translate(-140.5px, -214px) rotate(213deg);
    opacity: 1.0259431568;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(213deg);
            transform: translate(-167.25px, -223.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(213deg);
            transform: translate(-195.5px, -224px) rotate(213deg);
    opacity: 1.0259431568;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(213deg);
            transform: translate(-225.5px, -214.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(213deg);
            transform: translate(-257px, -193.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(213deg);
            transform: translate(-290px, -160px) rotate(213deg);
    opacity: 1.0259431568;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(213deg);
            transform: translate(-324.75px, -112.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(213deg);
            transform: translate(-360.75px, -50px) rotate(213deg);
    opacity: 1.0259431568;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(213deg);
            transform: translate(-398.5px, 28.75px) rotate(213deg);
    opacity: 0.5129715784;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(213deg);
            transform: translate(-437.5px, 125px) rotate(213deg);
    opacity: 0;
  }
}
@keyframes drop-right-49 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(213deg);
            transform: translate(0px, 0px) rotate(213deg);
    opacity: 1.0259431568;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(213deg);
            transform: translate(-31.5px, -75px) rotate(213deg);
    opacity: 1.0259431568;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(213deg);
            transform: translate(-70px, -144px) rotate(213deg);
    opacity: 1.0259431568;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(213deg);
            transform: translate(-115.25px, -196.75px) rotate(213deg);
    opacity: 1.0259431568;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(213deg);
            transform: translate(-140.5px, -214px) rotate(213deg);
    opacity: 1.0259431568;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(213deg);
            transform: translate(-167.25px, -223.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(213deg);
            transform: translate(-195.5px, -224px) rotate(213deg);
    opacity: 1.0259431568;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(213deg);
            transform: translate(-225.5px, -214.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(213deg);
            transform: translate(-257px, -193.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(213deg);
            transform: translate(-290px, -160px) rotate(213deg);
    opacity: 1.0259431568;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(213deg);
            transform: translate(-324.75px, -112.5px) rotate(213deg);
    opacity: 1.0259431568;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(213deg);
            transform: translate(-360.75px, -50px) rotate(213deg);
    opacity: 1.0259431568;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(213deg);
            transform: translate(-398.5px, 28.75px) rotate(213deg);
    opacity: 0.5129715784;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(213deg);
            transform: translate(-437.5px, 125px) rotate(213deg);
    opacity: 0;
  }
}
.confetti-left-50,
.confetti-right-50 {
  width: 2.4px;
  height: 2.4px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #765AA3;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-50 {
  -webkit-animation: drop-left-50 1.4435721912s 1.1392735932s 2 forwards;
          animation: drop-left-50 1.4435721912s 1.1392735932s 2 forwards;
}

.confetti-right-50 {
  -webkit-animation: drop-right-50 1.4788867341s 1.3568082312s 2 forwards;
          animation: drop-right-50 1.4788867341s 1.3568082312s 2 forwards;
}

@-webkit-keyframes drop-left-50 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(222deg);
            transform: translate(0px, 0px) rotate(222deg);
    opacity: 1.4098316763;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(222deg);
            transform: translate(6.3px, -15px) rotate(222deg);
    opacity: 1.4098316763;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(222deg);
            transform: translate(14px, -28.8px) rotate(222deg);
    opacity: 1.4098316763;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(222deg);
            transform: translate(23.05px, -39.35px) rotate(222deg);
    opacity: 1.4098316763;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(222deg);
            transform: translate(28.1px, -42.8px) rotate(222deg);
    opacity: 1.4098316763;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(222deg);
            transform: translate(33.45px, -44.7px) rotate(222deg);
    opacity: 1.4098316763;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(222deg);
            transform: translate(39.1px, -44.8px) rotate(222deg);
    opacity: 1.4098316763;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(222deg);
            transform: translate(45.1px, -42.9px) rotate(222deg);
    opacity: 1.4098316763;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(222deg);
            transform: translate(51.4px, -38.7px) rotate(222deg);
    opacity: 1.4098316763;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(222deg);
            transform: translate(58px, -32px) rotate(222deg);
    opacity: 1.4098316763;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(222deg);
            transform: translate(64.95px, -22.5px) rotate(222deg);
    opacity: 1.4098316763;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(222deg);
            transform: translate(72.15px, -10px) rotate(222deg);
    opacity: 1.4098316763;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(222deg);
            transform: translate(79.7px, 5.75px) rotate(222deg);
    opacity: 0.7049158381;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(222deg);
            transform: translate(87.5px, 25px) rotate(222deg);
    opacity: 0;
  }
}

@keyframes drop-left-50 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(222deg);
            transform: translate(0px, 0px) rotate(222deg);
    opacity: 1.4098316763;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(222deg);
            transform: translate(6.3px, -15px) rotate(222deg);
    opacity: 1.4098316763;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(222deg);
            transform: translate(14px, -28.8px) rotate(222deg);
    opacity: 1.4098316763;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(222deg);
            transform: translate(23.05px, -39.35px) rotate(222deg);
    opacity: 1.4098316763;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(222deg);
            transform: translate(28.1px, -42.8px) rotate(222deg);
    opacity: 1.4098316763;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(222deg);
            transform: translate(33.45px, -44.7px) rotate(222deg);
    opacity: 1.4098316763;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(222deg);
            transform: translate(39.1px, -44.8px) rotate(222deg);
    opacity: 1.4098316763;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(222deg);
            transform: translate(45.1px, -42.9px) rotate(222deg);
    opacity: 1.4098316763;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(222deg);
            transform: translate(51.4px, -38.7px) rotate(222deg);
    opacity: 1.4098316763;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(222deg);
            transform: translate(58px, -32px) rotate(222deg);
    opacity: 1.4098316763;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(222deg);
            transform: translate(64.95px, -22.5px) rotate(222deg);
    opacity: 1.4098316763;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(222deg);
            transform: translate(72.15px, -10px) rotate(222deg);
    opacity: 1.4098316763;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(222deg);
            transform: translate(79.7px, 5.75px) rotate(222deg);
    opacity: 0.7049158381;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(222deg);
            transform: translate(87.5px, 25px) rotate(222deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-50 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(226deg);
            transform: translate(0px, 0px) rotate(226deg);
    opacity: 1.2259685233;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(226deg);
            transform: translate(-9.45px, -22.5px) rotate(226deg);
    opacity: 1.2259685233;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(226deg);
            transform: translate(-21px, -43.2px) rotate(226deg);
    opacity: 1.2259685233;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(226deg);
            transform: translate(-34.575px, -59.025px) rotate(226deg);
    opacity: 1.2259685233;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(226deg);
            transform: translate(-42.15px, -64.2px) rotate(226deg);
    opacity: 1.2259685233;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(226deg);
            transform: translate(-50.175px, -67.05px) rotate(226deg);
    opacity: 1.2259685233;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(226deg);
            transform: translate(-58.65px, -67.2px) rotate(226deg);
    opacity: 1.2259685233;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(226deg);
            transform: translate(-67.65px, -64.35px) rotate(226deg);
    opacity: 1.2259685233;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(226deg);
            transform: translate(-77.1px, -58.05px) rotate(226deg);
    opacity: 1.2259685233;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(226deg);
            transform: translate(-87px, -48px) rotate(226deg);
    opacity: 1.2259685233;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(226deg);
            transform: translate(-97.425px, -33.75px) rotate(226deg);
    opacity: 1.2259685233;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(226deg);
            transform: translate(-108.225px, -15px) rotate(226deg);
    opacity: 1.2259685233;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(226deg);
            transform: translate(-119.55px, 8.625px) rotate(226deg);
    opacity: 0.6129842616;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(226deg);
            transform: translate(-131.25px, 37.5px) rotate(226deg);
    opacity: 0;
  }
}
@keyframes drop-right-50 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(226deg);
            transform: translate(0px, 0px) rotate(226deg);
    opacity: 1.2259685233;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(226deg);
            transform: translate(-9.45px, -22.5px) rotate(226deg);
    opacity: 1.2259685233;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(226deg);
            transform: translate(-21px, -43.2px) rotate(226deg);
    opacity: 1.2259685233;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(226deg);
            transform: translate(-34.575px, -59.025px) rotate(226deg);
    opacity: 1.2259685233;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(226deg);
            transform: translate(-42.15px, -64.2px) rotate(226deg);
    opacity: 1.2259685233;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(226deg);
            transform: translate(-50.175px, -67.05px) rotate(226deg);
    opacity: 1.2259685233;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(226deg);
            transform: translate(-58.65px, -67.2px) rotate(226deg);
    opacity: 1.2259685233;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(226deg);
            transform: translate(-67.65px, -64.35px) rotate(226deg);
    opacity: 1.2259685233;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(226deg);
            transform: translate(-77.1px, -58.05px) rotate(226deg);
    opacity: 1.2259685233;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(226deg);
            transform: translate(-87px, -48px) rotate(226deg);
    opacity: 1.2259685233;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(226deg);
            transform: translate(-97.425px, -33.75px) rotate(226deg);
    opacity: 1.2259685233;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(226deg);
            transform: translate(-108.225px, -15px) rotate(226deg);
    opacity: 1.2259685233;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(226deg);
            transform: translate(-119.55px, 8.625px) rotate(226deg);
    opacity: 0.6129842616;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(226deg);
            transform: translate(-131.25px, 37.5px) rotate(226deg);
    opacity: 0;
  }
}
.confetti-left-51,
.confetti-right-51 {
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-51 {
  -webkit-animation: drop-left-51 1.1323619129s 0.7524172923s 2 forwards;
          animation: drop-left-51 1.1323619129s 0.7524172923s 2 forwards;
}

.confetti-right-51 {
  -webkit-animation: drop-right-51 1.1136881149s 1.18280452s 2 forwards;
          animation: drop-right-51 1.1136881149s 1.18280452s 2 forwards;
}

@-webkit-keyframes drop-left-51 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(147deg);
            transform: translate(0px, 0px) rotate(147deg);
    opacity: 1.3475043896;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(147deg);
            transform: translate(22.05px, -52.5px) rotate(147deg);
    opacity: 1.3475043896;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(147deg);
            transform: translate(49px, -100.8px) rotate(147deg);
    opacity: 1.3475043896;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(147deg);
            transform: translate(80.675px, -137.725px) rotate(147deg);
    opacity: 1.3475043896;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(147deg);
            transform: translate(98.35px, -149.8px) rotate(147deg);
    opacity: 1.3475043896;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(147deg);
            transform: translate(117.075px, -156.45px) rotate(147deg);
    opacity: 1.3475043896;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(147deg);
            transform: translate(136.85px, -156.8px) rotate(147deg);
    opacity: 1.3475043896;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(147deg);
            transform: translate(157.85px, -150.15px) rotate(147deg);
    opacity: 1.3475043896;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(147deg);
            transform: translate(179.9px, -135.45px) rotate(147deg);
    opacity: 1.3475043896;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(147deg);
            transform: translate(203px, -112px) rotate(147deg);
    opacity: 1.3475043896;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(147deg);
            transform: translate(227.325px, -78.75px) rotate(147deg);
    opacity: 1.3475043896;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(147deg);
            transform: translate(252.525px, -35px) rotate(147deg);
    opacity: 1.3475043896;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(147deg);
            transform: translate(278.95px, 20.125px) rotate(147deg);
    opacity: 0.6737521948;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(147deg);
            transform: translate(306.25px, 87.5px) rotate(147deg);
    opacity: 0;
  }
}

@keyframes drop-left-51 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(147deg);
            transform: translate(0px, 0px) rotate(147deg);
    opacity: 1.3475043896;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(147deg);
            transform: translate(22.05px, -52.5px) rotate(147deg);
    opacity: 1.3475043896;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(147deg);
            transform: translate(49px, -100.8px) rotate(147deg);
    opacity: 1.3475043896;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(147deg);
            transform: translate(80.675px, -137.725px) rotate(147deg);
    opacity: 1.3475043896;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(147deg);
            transform: translate(98.35px, -149.8px) rotate(147deg);
    opacity: 1.3475043896;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(147deg);
            transform: translate(117.075px, -156.45px) rotate(147deg);
    opacity: 1.3475043896;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(147deg);
            transform: translate(136.85px, -156.8px) rotate(147deg);
    opacity: 1.3475043896;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(147deg);
            transform: translate(157.85px, -150.15px) rotate(147deg);
    opacity: 1.3475043896;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(147deg);
            transform: translate(179.9px, -135.45px) rotate(147deg);
    opacity: 1.3475043896;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(147deg);
            transform: translate(203px, -112px) rotate(147deg);
    opacity: 1.3475043896;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(147deg);
            transform: translate(227.325px, -78.75px) rotate(147deg);
    opacity: 1.3475043896;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(147deg);
            transform: translate(252.525px, -35px) rotate(147deg);
    opacity: 1.3475043896;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(147deg);
            transform: translate(278.95px, 20.125px) rotate(147deg);
    opacity: 0.6737521948;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(147deg);
            transform: translate(306.25px, 87.5px) rotate(147deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-51 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(121deg);
            transform: translate(0px, 0px) rotate(121deg);
    opacity: 1.1707379114;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(121deg);
            transform: translate(-18.9px, -45px) rotate(121deg);
    opacity: 1.1707379114;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(121deg);
            transform: translate(-42px, -86.4px) rotate(121deg);
    opacity: 1.1707379114;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(121deg);
            transform: translate(-69.15px, -118.05px) rotate(121deg);
    opacity: 1.1707379114;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(121deg);
            transform: translate(-84.3px, -128.4px) rotate(121deg);
    opacity: 1.1707379114;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(121deg);
            transform: translate(-100.35px, -134.1px) rotate(121deg);
    opacity: 1.1707379114;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(121deg);
            transform: translate(-117.3px, -134.4px) rotate(121deg);
    opacity: 1.1707379114;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(121deg);
            transform: translate(-135.3px, -128.7px) rotate(121deg);
    opacity: 1.1707379114;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(121deg);
            transform: translate(-154.2px, -116.1px) rotate(121deg);
    opacity: 1.1707379114;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(121deg);
            transform: translate(-174px, -96px) rotate(121deg);
    opacity: 1.1707379114;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(121deg);
            transform: translate(-194.85px, -67.5px) rotate(121deg);
    opacity: 1.1707379114;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(121deg);
            transform: translate(-216.45px, -30px) rotate(121deg);
    opacity: 1.1707379114;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(121deg);
            transform: translate(-239.1px, 17.25px) rotate(121deg);
    opacity: 0.5853689557;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(121deg);
            transform: translate(-262.5px, 75px) rotate(121deg);
    opacity: 0;
  }
}
@keyframes drop-right-51 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(121deg);
            transform: translate(0px, 0px) rotate(121deg);
    opacity: 1.1707379114;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(121deg);
            transform: translate(-18.9px, -45px) rotate(121deg);
    opacity: 1.1707379114;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(121deg);
            transform: translate(-42px, -86.4px) rotate(121deg);
    opacity: 1.1707379114;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(121deg);
            transform: translate(-69.15px, -118.05px) rotate(121deg);
    opacity: 1.1707379114;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(121deg);
            transform: translate(-84.3px, -128.4px) rotate(121deg);
    opacity: 1.1707379114;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(121deg);
            transform: translate(-100.35px, -134.1px) rotate(121deg);
    opacity: 1.1707379114;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(121deg);
            transform: translate(-117.3px, -134.4px) rotate(121deg);
    opacity: 1.1707379114;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(121deg);
            transform: translate(-135.3px, -128.7px) rotate(121deg);
    opacity: 1.1707379114;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(121deg);
            transform: translate(-154.2px, -116.1px) rotate(121deg);
    opacity: 1.1707379114;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(121deg);
            transform: translate(-174px, -96px) rotate(121deg);
    opacity: 1.1707379114;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(121deg);
            transform: translate(-194.85px, -67.5px) rotate(121deg);
    opacity: 1.1707379114;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(121deg);
            transform: translate(-216.45px, -30px) rotate(121deg);
    opacity: 1.1707379114;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(121deg);
            transform: translate(-239.1px, 17.25px) rotate(121deg);
    opacity: 0.5853689557;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(121deg);
            transform: translate(-262.5px, 75px) rotate(121deg);
    opacity: 0;
  }
}
.confetti-left-52,
.confetti-right-52 {
  background-color: transparent;
  border-bottom: 2px solid #E61D47;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  height: 0;
  width: 2px;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-52 {
  -webkit-animation: drop-left-52 1.0133309884s 1.0321801237s 2 forwards;
          animation: drop-left-52 1.0133309884s 1.0321801237s 2 forwards;
}

.confetti-right-52 {
  -webkit-animation: drop-right-52 1.5599711158s 1.1066304358s 2 forwards;
          animation: drop-right-52 1.5599711158s 1.1066304358s 2 forwards;
}

@-webkit-keyframes drop-left-52 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(273deg);
            transform: translate(0px, 0px) rotate(273deg);
    opacity: 1.4012197107;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(273deg);
            transform: translate(25.2px, -60px) rotate(273deg);
    opacity: 1.4012197107;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(273deg);
            transform: translate(56px, -115.2px) rotate(273deg);
    opacity: 1.4012197107;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(273deg);
            transform: translate(92.2px, -157.4px) rotate(273deg);
    opacity: 1.4012197107;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(273deg);
            transform: translate(112.4px, -171.2px) rotate(273deg);
    opacity: 1.4012197107;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(273deg);
            transform: translate(133.8px, -178.8px) rotate(273deg);
    opacity: 1.4012197107;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(273deg);
            transform: translate(156.4px, -179.2px) rotate(273deg);
    opacity: 1.4012197107;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(273deg);
            transform: translate(180.4px, -171.6px) rotate(273deg);
    opacity: 1.4012197107;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(273deg);
            transform: translate(205.6px, -154.8px) rotate(273deg);
    opacity: 1.4012197107;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(273deg);
            transform: translate(232px, -128px) rotate(273deg);
    opacity: 1.4012197107;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(273deg);
            transform: translate(259.8px, -90px) rotate(273deg);
    opacity: 1.4012197107;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(273deg);
            transform: translate(288.6px, -40px) rotate(273deg);
    opacity: 1.4012197107;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(273deg);
            transform: translate(318.8px, 23px) rotate(273deg);
    opacity: 0.7006098554;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(273deg);
            transform: translate(350px, 100px) rotate(273deg);
    opacity: 0;
  }
}

@keyframes drop-left-52 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(273deg);
            transform: translate(0px, 0px) rotate(273deg);
    opacity: 1.4012197107;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(273deg);
            transform: translate(25.2px, -60px) rotate(273deg);
    opacity: 1.4012197107;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(273deg);
            transform: translate(56px, -115.2px) rotate(273deg);
    opacity: 1.4012197107;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(273deg);
            transform: translate(92.2px, -157.4px) rotate(273deg);
    opacity: 1.4012197107;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(273deg);
            transform: translate(112.4px, -171.2px) rotate(273deg);
    opacity: 1.4012197107;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(273deg);
            transform: translate(133.8px, -178.8px) rotate(273deg);
    opacity: 1.4012197107;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(273deg);
            transform: translate(156.4px, -179.2px) rotate(273deg);
    opacity: 1.4012197107;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(273deg);
            transform: translate(180.4px, -171.6px) rotate(273deg);
    opacity: 1.4012197107;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(273deg);
            transform: translate(205.6px, -154.8px) rotate(273deg);
    opacity: 1.4012197107;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(273deg);
            transform: translate(232px, -128px) rotate(273deg);
    opacity: 1.4012197107;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(273deg);
            transform: translate(259.8px, -90px) rotate(273deg);
    opacity: 1.4012197107;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(273deg);
            transform: translate(288.6px, -40px) rotate(273deg);
    opacity: 1.4012197107;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(273deg);
            transform: translate(318.8px, 23px) rotate(273deg);
    opacity: 0.7006098554;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(273deg);
            transform: translate(350px, 100px) rotate(273deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-52 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(119deg);
            transform: translate(0px, 0px) rotate(119deg);
    opacity: 0.536950599;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(119deg);
            transform: translate(-9.45px, -22.5px) rotate(119deg);
    opacity: 0.536950599;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(119deg);
            transform: translate(-21px, -43.2px) rotate(119deg);
    opacity: 0.536950599;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(119deg);
            transform: translate(-34.575px, -59.025px) rotate(119deg);
    opacity: 0.536950599;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(119deg);
            transform: translate(-42.15px, -64.2px) rotate(119deg);
    opacity: 0.536950599;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(119deg);
            transform: translate(-50.175px, -67.05px) rotate(119deg);
    opacity: 0.536950599;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(119deg);
            transform: translate(-58.65px, -67.2px) rotate(119deg);
    opacity: 0.536950599;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(119deg);
            transform: translate(-67.65px, -64.35px) rotate(119deg);
    opacity: 0.536950599;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(119deg);
            transform: translate(-77.1px, -58.05px) rotate(119deg);
    opacity: 0.536950599;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(119deg);
            transform: translate(-87px, -48px) rotate(119deg);
    opacity: 0.536950599;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(119deg);
            transform: translate(-97.425px, -33.75px) rotate(119deg);
    opacity: 0.536950599;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(119deg);
            transform: translate(-108.225px, -15px) rotate(119deg);
    opacity: 0.536950599;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(119deg);
            transform: translate(-119.55px, 8.625px) rotate(119deg);
    opacity: 0.2684752995;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(119deg);
            transform: translate(-131.25px, 37.5px) rotate(119deg);
    opacity: 0;
  }
}
@keyframes drop-right-52 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(119deg);
            transform: translate(0px, 0px) rotate(119deg);
    opacity: 0.536950599;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(119deg);
            transform: translate(-9.45px, -22.5px) rotate(119deg);
    opacity: 0.536950599;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(119deg);
            transform: translate(-21px, -43.2px) rotate(119deg);
    opacity: 0.536950599;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(119deg);
            transform: translate(-34.575px, -59.025px) rotate(119deg);
    opacity: 0.536950599;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(119deg);
            transform: translate(-42.15px, -64.2px) rotate(119deg);
    opacity: 0.536950599;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(119deg);
            transform: translate(-50.175px, -67.05px) rotate(119deg);
    opacity: 0.536950599;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(119deg);
            transform: translate(-58.65px, -67.2px) rotate(119deg);
    opacity: 0.536950599;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(119deg);
            transform: translate(-67.65px, -64.35px) rotate(119deg);
    opacity: 0.536950599;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(119deg);
            transform: translate(-77.1px, -58.05px) rotate(119deg);
    opacity: 0.536950599;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(119deg);
            transform: translate(-87px, -48px) rotate(119deg);
    opacity: 0.536950599;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(119deg);
            transform: translate(-97.425px, -33.75px) rotate(119deg);
    opacity: 0.536950599;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(119deg);
            transform: translate(-108.225px, -15px) rotate(119deg);
    opacity: 0.536950599;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(119deg);
            transform: translate(-119.55px, 8.625px) rotate(119deg);
    opacity: 0.2684752995;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(119deg);
            transform: translate(-131.25px, 37.5px) rotate(119deg);
    opacity: 0;
  }
}
.confetti-left-53,
.confetti-right-53 {
  background-color: transparent;
  border-bottom: 5px solid #8AB925;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  height: 0;
  width: 5px;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-53 {
  -webkit-animation: drop-left-53 1.0802521612s 0.6554301056s 2 forwards;
          animation: drop-left-53 1.0802521612s 0.6554301056s 2 forwards;
}

.confetti-right-53 {
  -webkit-animation: drop-right-53 1.6818013545s 0.8404860744s 2 forwards;
          animation: drop-right-53 1.6818013545s 0.8404860744s 2 forwards;
}

@-webkit-keyframes drop-left-53 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(195deg);
            transform: translate(0px, 0px) rotate(195deg);
    opacity: 1.1021157811;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(195deg);
            transform: translate(18.9px, -45px) rotate(195deg);
    opacity: 1.1021157811;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(195deg);
            transform: translate(42px, -86.4px) rotate(195deg);
    opacity: 1.1021157811;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(195deg);
            transform: translate(69.15px, -118.05px) rotate(195deg);
    opacity: 1.1021157811;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(195deg);
            transform: translate(84.3px, -128.4px) rotate(195deg);
    opacity: 1.1021157811;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(195deg);
            transform: translate(100.35px, -134.1px) rotate(195deg);
    opacity: 1.1021157811;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(195deg);
            transform: translate(117.3px, -134.4px) rotate(195deg);
    opacity: 1.1021157811;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(195deg);
            transform: translate(135.3px, -128.7px) rotate(195deg);
    opacity: 1.1021157811;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(195deg);
            transform: translate(154.2px, -116.1px) rotate(195deg);
    opacity: 1.1021157811;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(195deg);
            transform: translate(174px, -96px) rotate(195deg);
    opacity: 1.1021157811;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(195deg);
            transform: translate(194.85px, -67.5px) rotate(195deg);
    opacity: 1.1021157811;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(195deg);
            transform: translate(216.45px, -30px) rotate(195deg);
    opacity: 1.1021157811;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(195deg);
            transform: translate(239.1px, 17.25px) rotate(195deg);
    opacity: 0.5510578905;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(195deg);
            transform: translate(262.5px, 75px) rotate(195deg);
    opacity: 0;
  }
}

@keyframes drop-left-53 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(195deg);
            transform: translate(0px, 0px) rotate(195deg);
    opacity: 1.1021157811;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(195deg);
            transform: translate(18.9px, -45px) rotate(195deg);
    opacity: 1.1021157811;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(195deg);
            transform: translate(42px, -86.4px) rotate(195deg);
    opacity: 1.1021157811;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(195deg);
            transform: translate(69.15px, -118.05px) rotate(195deg);
    opacity: 1.1021157811;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(195deg);
            transform: translate(84.3px, -128.4px) rotate(195deg);
    opacity: 1.1021157811;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(195deg);
            transform: translate(100.35px, -134.1px) rotate(195deg);
    opacity: 1.1021157811;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(195deg);
            transform: translate(117.3px, -134.4px) rotate(195deg);
    opacity: 1.1021157811;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(195deg);
            transform: translate(135.3px, -128.7px) rotate(195deg);
    opacity: 1.1021157811;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(195deg);
            transform: translate(154.2px, -116.1px) rotate(195deg);
    opacity: 1.1021157811;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(195deg);
            transform: translate(174px, -96px) rotate(195deg);
    opacity: 1.1021157811;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(195deg);
            transform: translate(194.85px, -67.5px) rotate(195deg);
    opacity: 1.1021157811;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(195deg);
            transform: translate(216.45px, -30px) rotate(195deg);
    opacity: 1.1021157811;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(195deg);
            transform: translate(239.1px, 17.25px) rotate(195deg);
    opacity: 0.5510578905;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(195deg);
            transform: translate(262.5px, 75px) rotate(195deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-53 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(210deg);
            transform: translate(0px, 0px) rotate(210deg);
    opacity: 1.4834066474;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(210deg);
            transform: translate(-22.05px, -52.5px) rotate(210deg);
    opacity: 1.4834066474;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(210deg);
            transform: translate(-49px, -100.8px) rotate(210deg);
    opacity: 1.4834066474;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(210deg);
            transform: translate(-80.675px, -137.725px) rotate(210deg);
    opacity: 1.4834066474;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(210deg);
            transform: translate(-98.35px, -149.8px) rotate(210deg);
    opacity: 1.4834066474;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(210deg);
            transform: translate(-117.075px, -156.45px) rotate(210deg);
    opacity: 1.4834066474;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(210deg);
            transform: translate(-136.85px, -156.8px) rotate(210deg);
    opacity: 1.4834066474;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(210deg);
            transform: translate(-157.85px, -150.15px) rotate(210deg);
    opacity: 1.4834066474;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(210deg);
            transform: translate(-179.9px, -135.45px) rotate(210deg);
    opacity: 1.4834066474;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(210deg);
            transform: translate(-203px, -112px) rotate(210deg);
    opacity: 1.4834066474;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(210deg);
            transform: translate(-227.325px, -78.75px) rotate(210deg);
    opacity: 1.4834066474;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(210deg);
            transform: translate(-252.525px, -35px) rotate(210deg);
    opacity: 1.4834066474;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(210deg);
            transform: translate(-278.95px, 20.125px) rotate(210deg);
    opacity: 0.7417033237;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(210deg);
            transform: translate(-306.25px, 87.5px) rotate(210deg);
    opacity: 0;
  }
}
@keyframes drop-right-53 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(210deg);
            transform: translate(0px, 0px) rotate(210deg);
    opacity: 1.4834066474;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(210deg);
            transform: translate(-22.05px, -52.5px) rotate(210deg);
    opacity: 1.4834066474;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(210deg);
            transform: translate(-49px, -100.8px) rotate(210deg);
    opacity: 1.4834066474;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(210deg);
            transform: translate(-80.675px, -137.725px) rotate(210deg);
    opacity: 1.4834066474;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(210deg);
            transform: translate(-98.35px, -149.8px) rotate(210deg);
    opacity: 1.4834066474;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(210deg);
            transform: translate(-117.075px, -156.45px) rotate(210deg);
    opacity: 1.4834066474;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(210deg);
            transform: translate(-136.85px, -156.8px) rotate(210deg);
    opacity: 1.4834066474;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(210deg);
            transform: translate(-157.85px, -150.15px) rotate(210deg);
    opacity: 1.4834066474;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(210deg);
            transform: translate(-179.9px, -135.45px) rotate(210deg);
    opacity: 1.4834066474;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(210deg);
            transform: translate(-203px, -112px) rotate(210deg);
    opacity: 1.4834066474;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(210deg);
            transform: translate(-227.325px, -78.75px) rotate(210deg);
    opacity: 1.4834066474;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(210deg);
            transform: translate(-252.525px, -35px) rotate(210deg);
    opacity: 1.4834066474;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(210deg);
            transform: translate(-278.95px, 20.125px) rotate(210deg);
    opacity: 0.7417033237;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(210deg);
            transform: translate(-306.25px, 87.5px) rotate(210deg);
    opacity: 0;
  }
}
.confetti-left-54,
.confetti-right-54 {
  background-color: transparent;
  border-bottom: 0.5px solid #765AA3;
  border-left: 0.25px solid transparent;
  border-right: 0.25px solid transparent;
  height: 0;
  width: 0.5px;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-54 {
  -webkit-animation: drop-left-54 1.3880127381s 0.6905151601s 2 forwards;
          animation: drop-left-54 1.3880127381s 0.6905151601s 2 forwards;
}

.confetti-right-54 {
  -webkit-animation: drop-right-54 1.0486807253s 1.2597065974s 2 forwards;
          animation: drop-right-54 1.0486807253s 1.2597065974s 2 forwards;
}

@-webkit-keyframes drop-left-54 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(35deg);
            transform: translate(0px, 0px) rotate(35deg);
    opacity: 0.505794695;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(35deg);
            transform: translate(15.75px, -37.5px) rotate(35deg);
    opacity: 0.505794695;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(35deg);
            transform: translate(35px, -72px) rotate(35deg);
    opacity: 0.505794695;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(35deg);
            transform: translate(57.625px, -98.375px) rotate(35deg);
    opacity: 0.505794695;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(35deg);
            transform: translate(70.25px, -107px) rotate(35deg);
    opacity: 0.505794695;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(35deg);
            transform: translate(83.625px, -111.75px) rotate(35deg);
    opacity: 0.505794695;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(35deg);
            transform: translate(97.75px, -112px) rotate(35deg);
    opacity: 0.505794695;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(35deg);
            transform: translate(112.75px, -107.25px) rotate(35deg);
    opacity: 0.505794695;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(35deg);
            transform: translate(128.5px, -96.75px) rotate(35deg);
    opacity: 0.505794695;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(35deg);
            transform: translate(145px, -80px) rotate(35deg);
    opacity: 0.505794695;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(35deg);
            transform: translate(162.375px, -56.25px) rotate(35deg);
    opacity: 0.505794695;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(35deg);
            transform: translate(180.375px, -25px) rotate(35deg);
    opacity: 0.505794695;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(35deg);
            transform: translate(199.25px, 14.375px) rotate(35deg);
    opacity: 0.2528973475;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(35deg);
            transform: translate(218.75px, 62.5px) rotate(35deg);
    opacity: 0;
  }
}

@keyframes drop-left-54 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(35deg);
            transform: translate(0px, 0px) rotate(35deg);
    opacity: 0.505794695;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(35deg);
            transform: translate(15.75px, -37.5px) rotate(35deg);
    opacity: 0.505794695;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(35deg);
            transform: translate(35px, -72px) rotate(35deg);
    opacity: 0.505794695;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(35deg);
            transform: translate(57.625px, -98.375px) rotate(35deg);
    opacity: 0.505794695;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(35deg);
            transform: translate(70.25px, -107px) rotate(35deg);
    opacity: 0.505794695;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(35deg);
            transform: translate(83.625px, -111.75px) rotate(35deg);
    opacity: 0.505794695;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(35deg);
            transform: translate(97.75px, -112px) rotate(35deg);
    opacity: 0.505794695;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(35deg);
            transform: translate(112.75px, -107.25px) rotate(35deg);
    opacity: 0.505794695;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(35deg);
            transform: translate(128.5px, -96.75px) rotate(35deg);
    opacity: 0.505794695;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(35deg);
            transform: translate(145px, -80px) rotate(35deg);
    opacity: 0.505794695;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(35deg);
            transform: translate(162.375px, -56.25px) rotate(35deg);
    opacity: 0.505794695;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(35deg);
            transform: translate(180.375px, -25px) rotate(35deg);
    opacity: 0.505794695;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(35deg);
            transform: translate(199.25px, 14.375px) rotate(35deg);
    opacity: 0.2528973475;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(35deg);
            transform: translate(218.75px, 62.5px) rotate(35deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-54 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(6deg);
            transform: translate(0px, 0px) rotate(6deg);
    opacity: 1.1215653503;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(6deg);
            transform: translate(-18.9px, -45px) rotate(6deg);
    opacity: 1.1215653503;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(6deg);
            transform: translate(-42px, -86.4px) rotate(6deg);
    opacity: 1.1215653503;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(6deg);
            transform: translate(-69.15px, -118.05px) rotate(6deg);
    opacity: 1.1215653503;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(6deg);
            transform: translate(-84.3px, -128.4px) rotate(6deg);
    opacity: 1.1215653503;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(6deg);
            transform: translate(-100.35px, -134.1px) rotate(6deg);
    opacity: 1.1215653503;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(6deg);
            transform: translate(-117.3px, -134.4px) rotate(6deg);
    opacity: 1.1215653503;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(6deg);
            transform: translate(-135.3px, -128.7px) rotate(6deg);
    opacity: 1.1215653503;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(6deg);
            transform: translate(-154.2px, -116.1px) rotate(6deg);
    opacity: 1.1215653503;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(6deg);
            transform: translate(-174px, -96px) rotate(6deg);
    opacity: 1.1215653503;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(6deg);
            transform: translate(-194.85px, -67.5px) rotate(6deg);
    opacity: 1.1215653503;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(6deg);
            transform: translate(-216.45px, -30px) rotate(6deg);
    opacity: 1.1215653503;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(6deg);
            transform: translate(-239.1px, 17.25px) rotate(6deg);
    opacity: 0.5607826751;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(6deg);
            transform: translate(-262.5px, 75px) rotate(6deg);
    opacity: 0;
  }
}
@keyframes drop-right-54 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(6deg);
            transform: translate(0px, 0px) rotate(6deg);
    opacity: 1.1215653503;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(6deg);
            transform: translate(-18.9px, -45px) rotate(6deg);
    opacity: 1.1215653503;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(6deg);
            transform: translate(-42px, -86.4px) rotate(6deg);
    opacity: 1.1215653503;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(6deg);
            transform: translate(-69.15px, -118.05px) rotate(6deg);
    opacity: 1.1215653503;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(6deg);
            transform: translate(-84.3px, -128.4px) rotate(6deg);
    opacity: 1.1215653503;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(6deg);
            transform: translate(-100.35px, -134.1px) rotate(6deg);
    opacity: 1.1215653503;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(6deg);
            transform: translate(-117.3px, -134.4px) rotate(6deg);
    opacity: 1.1215653503;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(6deg);
            transform: translate(-135.3px, -128.7px) rotate(6deg);
    opacity: 1.1215653503;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(6deg);
            transform: translate(-154.2px, -116.1px) rotate(6deg);
    opacity: 1.1215653503;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(6deg);
            transform: translate(-174px, -96px) rotate(6deg);
    opacity: 1.1215653503;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(6deg);
            transform: translate(-194.85px, -67.5px) rotate(6deg);
    opacity: 1.1215653503;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(6deg);
            transform: translate(-216.45px, -30px) rotate(6deg);
    opacity: 1.1215653503;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(6deg);
            transform: translate(-239.1px, 17.25px) rotate(6deg);
    opacity: 0.5607826751;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(6deg);
            transform: translate(-262.5px, 75px) rotate(6deg);
    opacity: 0;
  }
}
.confetti-left-55,
.confetti-right-55 {
  background-color: transparent;
  border-bottom: 7.5px solid #8AB925;
  border-left: 3.75px solid transparent;
  border-right: 3.75px solid transparent;
  height: 0;
  width: 7.5px;
  top: calc(25% - 15px);
  left: calc(50% - 4.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-55 {
  -webkit-animation: drop-left-55 1.2125592214s 1.0850582439s 2 forwards;
          animation: drop-left-55 1.2125592214s 1.0850582439s 2 forwards;
}

.confetti-right-55 {
  -webkit-animation: drop-right-55 1.3996148948s 0.8991968527s 2 forwards;
          animation: drop-right-55 1.3996148948s 0.8991968527s 2 forwards;
}

@-webkit-keyframes drop-left-55 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(25deg);
            transform: translate(0px, 0px) rotate(25deg);
    opacity: 1.3070991871;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(25deg);
            transform: translate(15.75px, -37.5px) rotate(25deg);
    opacity: 1.3070991871;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(25deg);
            transform: translate(35px, -72px) rotate(25deg);
    opacity: 1.3070991871;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(25deg);
            transform: translate(57.625px, -98.375px) rotate(25deg);
    opacity: 1.3070991871;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(25deg);
            transform: translate(70.25px, -107px) rotate(25deg);
    opacity: 1.3070991871;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(25deg);
            transform: translate(83.625px, -111.75px) rotate(25deg);
    opacity: 1.3070991871;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(25deg);
            transform: translate(97.75px, -112px) rotate(25deg);
    opacity: 1.3070991871;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(25deg);
            transform: translate(112.75px, -107.25px) rotate(25deg);
    opacity: 1.3070991871;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(25deg);
            transform: translate(128.5px, -96.75px) rotate(25deg);
    opacity: 1.3070991871;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(25deg);
            transform: translate(145px, -80px) rotate(25deg);
    opacity: 1.3070991871;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(25deg);
            transform: translate(162.375px, -56.25px) rotate(25deg);
    opacity: 1.3070991871;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(25deg);
            transform: translate(180.375px, -25px) rotate(25deg);
    opacity: 1.3070991871;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(25deg);
            transform: translate(199.25px, 14.375px) rotate(25deg);
    opacity: 0.6535495936;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(25deg);
            transform: translate(218.75px, 62.5px) rotate(25deg);
    opacity: 0;
  }
}

@keyframes drop-left-55 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(25deg);
            transform: translate(0px, 0px) rotate(25deg);
    opacity: 1.3070991871;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(25deg);
            transform: translate(15.75px, -37.5px) rotate(25deg);
    opacity: 1.3070991871;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(25deg);
            transform: translate(35px, -72px) rotate(25deg);
    opacity: 1.3070991871;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(25deg);
            transform: translate(57.625px, -98.375px) rotate(25deg);
    opacity: 1.3070991871;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(25deg);
            transform: translate(70.25px, -107px) rotate(25deg);
    opacity: 1.3070991871;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(25deg);
            transform: translate(83.625px, -111.75px) rotate(25deg);
    opacity: 1.3070991871;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(25deg);
            transform: translate(97.75px, -112px) rotate(25deg);
    opacity: 1.3070991871;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(25deg);
            transform: translate(112.75px, -107.25px) rotate(25deg);
    opacity: 1.3070991871;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(25deg);
            transform: translate(128.5px, -96.75px) rotate(25deg);
    opacity: 1.3070991871;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(25deg);
            transform: translate(145px, -80px) rotate(25deg);
    opacity: 1.3070991871;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(25deg);
            transform: translate(162.375px, -56.25px) rotate(25deg);
    opacity: 1.3070991871;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(25deg);
            transform: translate(180.375px, -25px) rotate(25deg);
    opacity: 1.3070991871;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(25deg);
            transform: translate(199.25px, 14.375px) rotate(25deg);
    opacity: 0.6535495936;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(25deg);
            transform: translate(218.75px, 62.5px) rotate(25deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-55 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(238deg);
            transform: translate(0px, 0px) rotate(238deg);
    opacity: 1.2784850508;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(238deg);
            transform: translate(-18.9px, -45px) rotate(238deg);
    opacity: 1.2784850508;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(238deg);
            transform: translate(-42px, -86.4px) rotate(238deg);
    opacity: 1.2784850508;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(238deg);
            transform: translate(-69.15px, -118.05px) rotate(238deg);
    opacity: 1.2784850508;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(238deg);
            transform: translate(-84.3px, -128.4px) rotate(238deg);
    opacity: 1.2784850508;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(238deg);
            transform: translate(-100.35px, -134.1px) rotate(238deg);
    opacity: 1.2784850508;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(238deg);
            transform: translate(-117.3px, -134.4px) rotate(238deg);
    opacity: 1.2784850508;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(238deg);
            transform: translate(-135.3px, -128.7px) rotate(238deg);
    opacity: 1.2784850508;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(238deg);
            transform: translate(-154.2px, -116.1px) rotate(238deg);
    opacity: 1.2784850508;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(238deg);
            transform: translate(-174px, -96px) rotate(238deg);
    opacity: 1.2784850508;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(238deg);
            transform: translate(-194.85px, -67.5px) rotate(238deg);
    opacity: 1.2784850508;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(238deg);
            transform: translate(-216.45px, -30px) rotate(238deg);
    opacity: 1.2784850508;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(238deg);
            transform: translate(-239.1px, 17.25px) rotate(238deg);
    opacity: 0.6392425254;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(238deg);
            transform: translate(-262.5px, 75px) rotate(238deg);
    opacity: 0;
  }
}
@keyframes drop-right-55 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(238deg);
            transform: translate(0px, 0px) rotate(238deg);
    opacity: 1.2784850508;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(238deg);
            transform: translate(-18.9px, -45px) rotate(238deg);
    opacity: 1.2784850508;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(238deg);
            transform: translate(-42px, -86.4px) rotate(238deg);
    opacity: 1.2784850508;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(238deg);
            transform: translate(-69.15px, -118.05px) rotate(238deg);
    opacity: 1.2784850508;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(238deg);
            transform: translate(-84.3px, -128.4px) rotate(238deg);
    opacity: 1.2784850508;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(238deg);
            transform: translate(-100.35px, -134.1px) rotate(238deg);
    opacity: 1.2784850508;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(238deg);
            transform: translate(-117.3px, -134.4px) rotate(238deg);
    opacity: 1.2784850508;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(238deg);
            transform: translate(-135.3px, -128.7px) rotate(238deg);
    opacity: 1.2784850508;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(238deg);
            transform: translate(-154.2px, -116.1px) rotate(238deg);
    opacity: 1.2784850508;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(238deg);
            transform: translate(-174px, -96px) rotate(238deg);
    opacity: 1.2784850508;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(238deg);
            transform: translate(-194.85px, -67.5px) rotate(238deg);
    opacity: 1.2784850508;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(238deg);
            transform: translate(-216.45px, -30px) rotate(238deg);
    opacity: 1.2784850508;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(238deg);
            transform: translate(-239.1px, 17.25px) rotate(238deg);
    opacity: 0.6392425254;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(238deg);
            transform: translate(-262.5px, 75px) rotate(238deg);
    opacity: 0;
  }
}
.confetti-left-56,
.confetti-right-56 {
  width: 10px;
  height: 4px;
  background-color: #8AB925;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-56 {
  -webkit-animation: drop-left-56 1.6477341774s 0.7352740487s 2 forwards;
          animation: drop-left-56 1.6477341774s 0.7352740487s 2 forwards;
}

.confetti-right-56 {
  -webkit-animation: drop-right-56 1.5172531239s 1.1372707136s 2 forwards;
          animation: drop-right-56 1.5172531239s 1.1372707136s 2 forwards;
}

@-webkit-keyframes drop-left-56 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(239deg);
            transform: translate(0px, 0px) rotate(239deg);
    opacity: 1.1658898876;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(239deg);
            transform: translate(28.35px, -67.5px) rotate(239deg);
    opacity: 1.1658898876;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(239deg);
            transform: translate(63px, -129.6px) rotate(239deg);
    opacity: 1.1658898876;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(239deg);
            transform: translate(103.725px, -177.075px) rotate(239deg);
    opacity: 1.1658898876;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(239deg);
            transform: translate(126.45px, -192.6px) rotate(239deg);
    opacity: 1.1658898876;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(239deg);
            transform: translate(150.525px, -201.15px) rotate(239deg);
    opacity: 1.1658898876;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(239deg);
            transform: translate(175.95px, -201.6px) rotate(239deg);
    opacity: 1.1658898876;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(239deg);
            transform: translate(202.95px, -193.05px) rotate(239deg);
    opacity: 1.1658898876;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(239deg);
            transform: translate(231.3px, -174.15px) rotate(239deg);
    opacity: 1.1658898876;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(239deg);
            transform: translate(261px, -144px) rotate(239deg);
    opacity: 1.1658898876;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(239deg);
            transform: translate(292.275px, -101.25px) rotate(239deg);
    opacity: 1.1658898876;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(239deg);
            transform: translate(324.675px, -45px) rotate(239deg);
    opacity: 1.1658898876;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(239deg);
            transform: translate(358.65px, 25.875px) rotate(239deg);
    opacity: 0.5829449438;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(239deg);
            transform: translate(393.75px, 112.5px) rotate(239deg);
    opacity: 0;
  }
}

@keyframes drop-left-56 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(239deg);
            transform: translate(0px, 0px) rotate(239deg);
    opacity: 1.1658898876;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(239deg);
            transform: translate(28.35px, -67.5px) rotate(239deg);
    opacity: 1.1658898876;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(239deg);
            transform: translate(63px, -129.6px) rotate(239deg);
    opacity: 1.1658898876;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(239deg);
            transform: translate(103.725px, -177.075px) rotate(239deg);
    opacity: 1.1658898876;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(239deg);
            transform: translate(126.45px, -192.6px) rotate(239deg);
    opacity: 1.1658898876;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(239deg);
            transform: translate(150.525px, -201.15px) rotate(239deg);
    opacity: 1.1658898876;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(239deg);
            transform: translate(175.95px, -201.6px) rotate(239deg);
    opacity: 1.1658898876;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(239deg);
            transform: translate(202.95px, -193.05px) rotate(239deg);
    opacity: 1.1658898876;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(239deg);
            transform: translate(231.3px, -174.15px) rotate(239deg);
    opacity: 1.1658898876;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(239deg);
            transform: translate(261px, -144px) rotate(239deg);
    opacity: 1.1658898876;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(239deg);
            transform: translate(292.275px, -101.25px) rotate(239deg);
    opacity: 1.1658898876;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(239deg);
            transform: translate(324.675px, -45px) rotate(239deg);
    opacity: 1.1658898876;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(239deg);
            transform: translate(358.65px, 25.875px) rotate(239deg);
    opacity: 0.5829449438;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(239deg);
            transform: translate(393.75px, 112.5px) rotate(239deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-56 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(225deg);
            transform: translate(0px, 0px) rotate(225deg);
    opacity: 1.1483586962;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(225deg);
            transform: translate(-25.2px, -60px) rotate(225deg);
    opacity: 1.1483586962;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(225deg);
            transform: translate(-56px, -115.2px) rotate(225deg);
    opacity: 1.1483586962;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(225deg);
            transform: translate(-92.2px, -157.4px) rotate(225deg);
    opacity: 1.1483586962;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(225deg);
            transform: translate(-112.4px, -171.2px) rotate(225deg);
    opacity: 1.1483586962;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(225deg);
            transform: translate(-133.8px, -178.8px) rotate(225deg);
    opacity: 1.1483586962;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(225deg);
            transform: translate(-156.4px, -179.2px) rotate(225deg);
    opacity: 1.1483586962;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(225deg);
            transform: translate(-180.4px, -171.6px) rotate(225deg);
    opacity: 1.1483586962;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(225deg);
            transform: translate(-205.6px, -154.8px) rotate(225deg);
    opacity: 1.1483586962;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(225deg);
            transform: translate(-232px, -128px) rotate(225deg);
    opacity: 1.1483586962;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(225deg);
            transform: translate(-259.8px, -90px) rotate(225deg);
    opacity: 1.1483586962;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(225deg);
            transform: translate(-288.6px, -40px) rotate(225deg);
    opacity: 1.1483586962;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(225deg);
            transform: translate(-318.8px, 23px) rotate(225deg);
    opacity: 0.5741793481;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(225deg);
            transform: translate(-350px, 100px) rotate(225deg);
    opacity: 0;
  }
}
@keyframes drop-right-56 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(225deg);
            transform: translate(0px, 0px) rotate(225deg);
    opacity: 1.1483586962;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(225deg);
            transform: translate(-25.2px, -60px) rotate(225deg);
    opacity: 1.1483586962;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(225deg);
            transform: translate(-56px, -115.2px) rotate(225deg);
    opacity: 1.1483586962;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(225deg);
            transform: translate(-92.2px, -157.4px) rotate(225deg);
    opacity: 1.1483586962;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(225deg);
            transform: translate(-112.4px, -171.2px) rotate(225deg);
    opacity: 1.1483586962;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(225deg);
            transform: translate(-133.8px, -178.8px) rotate(225deg);
    opacity: 1.1483586962;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(225deg);
            transform: translate(-156.4px, -179.2px) rotate(225deg);
    opacity: 1.1483586962;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(225deg);
            transform: translate(-180.4px, -171.6px) rotate(225deg);
    opacity: 1.1483586962;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(225deg);
            transform: translate(-205.6px, -154.8px) rotate(225deg);
    opacity: 1.1483586962;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(225deg);
            transform: translate(-232px, -128px) rotate(225deg);
    opacity: 1.1483586962;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(225deg);
            transform: translate(-259.8px, -90px) rotate(225deg);
    opacity: 1.1483586962;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(225deg);
            transform: translate(-288.6px, -40px) rotate(225deg);
    opacity: 1.1483586962;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(225deg);
            transform: translate(-318.8px, 23px) rotate(225deg);
    opacity: 0.5741793481;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(225deg);
            transform: translate(-350px, 100px) rotate(225deg);
    opacity: 0;
  }
}
.confetti-left-57,
.confetti-right-57 {
  width: 9px;
  height: 3.6px;
  background-color: #765AA3;
  top: calc(25% - 9px);
  left: calc(50% - 2.7px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-57 {
  -webkit-animation: drop-left-57 1.1540427886s 0.5815391605s 2 forwards;
          animation: drop-left-57 1.1540427886s 0.5815391605s 2 forwards;
}

.confetti-right-57 {
  -webkit-animation: drop-right-57 1.6112314322s 0.9622289028s 2 forwards;
          animation: drop-right-57 1.6112314322s 0.9622289028s 2 forwards;
}

@-webkit-keyframes drop-left-57 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(214deg);
            transform: translate(0px, 0px) rotate(214deg);
    opacity: 1.4785074031;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(214deg);
            transform: translate(15.75px, -37.5px) rotate(214deg);
    opacity: 1.4785074031;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(214deg);
            transform: translate(35px, -72px) rotate(214deg);
    opacity: 1.4785074031;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(214deg);
            transform: translate(57.625px, -98.375px) rotate(214deg);
    opacity: 1.4785074031;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(214deg);
            transform: translate(70.25px, -107px) rotate(214deg);
    opacity: 1.4785074031;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(214deg);
            transform: translate(83.625px, -111.75px) rotate(214deg);
    opacity: 1.4785074031;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(214deg);
            transform: translate(97.75px, -112px) rotate(214deg);
    opacity: 1.4785074031;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(214deg);
            transform: translate(112.75px, -107.25px) rotate(214deg);
    opacity: 1.4785074031;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(214deg);
            transform: translate(128.5px, -96.75px) rotate(214deg);
    opacity: 1.4785074031;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(214deg);
            transform: translate(145px, -80px) rotate(214deg);
    opacity: 1.4785074031;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(214deg);
            transform: translate(162.375px, -56.25px) rotate(214deg);
    opacity: 1.4785074031;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(214deg);
            transform: translate(180.375px, -25px) rotate(214deg);
    opacity: 1.4785074031;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(214deg);
            transform: translate(199.25px, 14.375px) rotate(214deg);
    opacity: 0.7392537016;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(214deg);
            transform: translate(218.75px, 62.5px) rotate(214deg);
    opacity: 0;
  }
}

@keyframes drop-left-57 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(214deg);
            transform: translate(0px, 0px) rotate(214deg);
    opacity: 1.4785074031;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(214deg);
            transform: translate(15.75px, -37.5px) rotate(214deg);
    opacity: 1.4785074031;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(214deg);
            transform: translate(35px, -72px) rotate(214deg);
    opacity: 1.4785074031;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(214deg);
            transform: translate(57.625px, -98.375px) rotate(214deg);
    opacity: 1.4785074031;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(214deg);
            transform: translate(70.25px, -107px) rotate(214deg);
    opacity: 1.4785074031;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(214deg);
            transform: translate(83.625px, -111.75px) rotate(214deg);
    opacity: 1.4785074031;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(214deg);
            transform: translate(97.75px, -112px) rotate(214deg);
    opacity: 1.4785074031;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(214deg);
            transform: translate(112.75px, -107.25px) rotate(214deg);
    opacity: 1.4785074031;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(214deg);
            transform: translate(128.5px, -96.75px) rotate(214deg);
    opacity: 1.4785074031;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(214deg);
            transform: translate(145px, -80px) rotate(214deg);
    opacity: 1.4785074031;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(214deg);
            transform: translate(162.375px, -56.25px) rotate(214deg);
    opacity: 1.4785074031;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(214deg);
            transform: translate(180.375px, -25px) rotate(214deg);
    opacity: 1.4785074031;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(214deg);
            transform: translate(199.25px, 14.375px) rotate(214deg);
    opacity: 0.7392537016;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(214deg);
            transform: translate(218.75px, 62.5px) rotate(214deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-57 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(313deg);
            transform: translate(0px, 0px) rotate(313deg);
    opacity: 0.7088665639;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(313deg);
            transform: translate(-12.6px, -30px) rotate(313deg);
    opacity: 0.7088665639;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(313deg);
            transform: translate(-28px, -57.6px) rotate(313deg);
    opacity: 0.7088665639;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(313deg);
            transform: translate(-46.1px, -78.7px) rotate(313deg);
    opacity: 0.7088665639;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(313deg);
            transform: translate(-56.2px, -85.6px) rotate(313deg);
    opacity: 0.7088665639;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(313deg);
            transform: translate(-66.9px, -89.4px) rotate(313deg);
    opacity: 0.7088665639;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(313deg);
            transform: translate(-78.2px, -89.6px) rotate(313deg);
    opacity: 0.7088665639;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(313deg);
            transform: translate(-90.2px, -85.8px) rotate(313deg);
    opacity: 0.7088665639;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(313deg);
            transform: translate(-102.8px, -77.4px) rotate(313deg);
    opacity: 0.7088665639;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(313deg);
            transform: translate(-116px, -64px) rotate(313deg);
    opacity: 0.7088665639;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(313deg);
            transform: translate(-129.9px, -45px) rotate(313deg);
    opacity: 0.7088665639;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(313deg);
            transform: translate(-144.3px, -20px) rotate(313deg);
    opacity: 0.7088665639;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(313deg);
            transform: translate(-159.4px, 11.5px) rotate(313deg);
    opacity: 0.354433282;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(313deg);
            transform: translate(-175px, 50px) rotate(313deg);
    opacity: 0;
  }
}
@keyframes drop-right-57 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(313deg);
            transform: translate(0px, 0px) rotate(313deg);
    opacity: 0.7088665639;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(313deg);
            transform: translate(-12.6px, -30px) rotate(313deg);
    opacity: 0.7088665639;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(313deg);
            transform: translate(-28px, -57.6px) rotate(313deg);
    opacity: 0.7088665639;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(313deg);
            transform: translate(-46.1px, -78.7px) rotate(313deg);
    opacity: 0.7088665639;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(313deg);
            transform: translate(-56.2px, -85.6px) rotate(313deg);
    opacity: 0.7088665639;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(313deg);
            transform: translate(-66.9px, -89.4px) rotate(313deg);
    opacity: 0.7088665639;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(313deg);
            transform: translate(-78.2px, -89.6px) rotate(313deg);
    opacity: 0.7088665639;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(313deg);
            transform: translate(-90.2px, -85.8px) rotate(313deg);
    opacity: 0.7088665639;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(313deg);
            transform: translate(-102.8px, -77.4px) rotate(313deg);
    opacity: 0.7088665639;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(313deg);
            transform: translate(-116px, -64px) rotate(313deg);
    opacity: 0.7088665639;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(313deg);
            transform: translate(-129.9px, -45px) rotate(313deg);
    opacity: 0.7088665639;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(313deg);
            transform: translate(-144.3px, -20px) rotate(313deg);
    opacity: 0.7088665639;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(313deg);
            transform: translate(-159.4px, 11.5px) rotate(313deg);
    opacity: 0.354433282;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(313deg);
            transform: translate(-175px, 50px) rotate(313deg);
    opacity: 0;
  }
}
.confetti-left-58,
.confetti-right-58 {
  width: 10.2px;
  height: 10.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-58 {
  -webkit-animation: drop-left-58 1.4593374058s 0.8358625901s 2 forwards;
          animation: drop-left-58 1.4593374058s 0.8358625901s 2 forwards;
}

.confetti-right-58 {
  -webkit-animation: drop-right-58 1.0903452263s 0.5610097505s 2 forwards;
          animation: drop-right-58 1.0903452263s 0.5610097505s 2 forwards;
}

@-webkit-keyframes drop-left-58 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(74deg);
            transform: translate(0px, 0px) rotate(74deg);
    opacity: 1.4586315473;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(74deg);
            transform: translate(18.9px, -45px) rotate(74deg);
    opacity: 1.4586315473;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(74deg);
            transform: translate(42px, -86.4px) rotate(74deg);
    opacity: 1.4586315473;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(74deg);
            transform: translate(69.15px, -118.05px) rotate(74deg);
    opacity: 1.4586315473;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(74deg);
            transform: translate(84.3px, -128.4px) rotate(74deg);
    opacity: 1.4586315473;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(74deg);
            transform: translate(100.35px, -134.1px) rotate(74deg);
    opacity: 1.4586315473;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(74deg);
            transform: translate(117.3px, -134.4px) rotate(74deg);
    opacity: 1.4586315473;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(74deg);
            transform: translate(135.3px, -128.7px) rotate(74deg);
    opacity: 1.4586315473;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(74deg);
            transform: translate(154.2px, -116.1px) rotate(74deg);
    opacity: 1.4586315473;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(74deg);
            transform: translate(174px, -96px) rotate(74deg);
    opacity: 1.4586315473;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(74deg);
            transform: translate(194.85px, -67.5px) rotate(74deg);
    opacity: 1.4586315473;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(74deg);
            transform: translate(216.45px, -30px) rotate(74deg);
    opacity: 1.4586315473;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(74deg);
            transform: translate(239.1px, 17.25px) rotate(74deg);
    opacity: 0.7293157737;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(74deg);
            transform: translate(262.5px, 75px) rotate(74deg);
    opacity: 0;
  }
}

@keyframes drop-left-58 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(74deg);
            transform: translate(0px, 0px) rotate(74deg);
    opacity: 1.4586315473;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(74deg);
            transform: translate(18.9px, -45px) rotate(74deg);
    opacity: 1.4586315473;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(74deg);
            transform: translate(42px, -86.4px) rotate(74deg);
    opacity: 1.4586315473;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(74deg);
            transform: translate(69.15px, -118.05px) rotate(74deg);
    opacity: 1.4586315473;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(74deg);
            transform: translate(84.3px, -128.4px) rotate(74deg);
    opacity: 1.4586315473;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(74deg);
            transform: translate(100.35px, -134.1px) rotate(74deg);
    opacity: 1.4586315473;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(74deg);
            transform: translate(117.3px, -134.4px) rotate(74deg);
    opacity: 1.4586315473;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(74deg);
            transform: translate(135.3px, -128.7px) rotate(74deg);
    opacity: 1.4586315473;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(74deg);
            transform: translate(154.2px, -116.1px) rotate(74deg);
    opacity: 1.4586315473;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(74deg);
            transform: translate(174px, -96px) rotate(74deg);
    opacity: 1.4586315473;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(74deg);
            transform: translate(194.85px, -67.5px) rotate(74deg);
    opacity: 1.4586315473;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(74deg);
            transform: translate(216.45px, -30px) rotate(74deg);
    opacity: 1.4586315473;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(74deg);
            transform: translate(239.1px, 17.25px) rotate(74deg);
    opacity: 0.7293157737;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(74deg);
            transform: translate(262.5px, 75px) rotate(74deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-58 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(326deg);
            transform: translate(0px, 0px) rotate(326deg);
    opacity: 0.8996913598;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(326deg);
            transform: translate(-22.05px, -52.5px) rotate(326deg);
    opacity: 0.8996913598;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(326deg);
            transform: translate(-49px, -100.8px) rotate(326deg);
    opacity: 0.8996913598;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(326deg);
            transform: translate(-80.675px, -137.725px) rotate(326deg);
    opacity: 0.8996913598;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(326deg);
            transform: translate(-98.35px, -149.8px) rotate(326deg);
    opacity: 0.8996913598;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(326deg);
            transform: translate(-117.075px, -156.45px) rotate(326deg);
    opacity: 0.8996913598;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(326deg);
            transform: translate(-136.85px, -156.8px) rotate(326deg);
    opacity: 0.8996913598;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(326deg);
            transform: translate(-157.85px, -150.15px) rotate(326deg);
    opacity: 0.8996913598;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(326deg);
            transform: translate(-179.9px, -135.45px) rotate(326deg);
    opacity: 0.8996913598;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(326deg);
            transform: translate(-203px, -112px) rotate(326deg);
    opacity: 0.8996913598;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(326deg);
            transform: translate(-227.325px, -78.75px) rotate(326deg);
    opacity: 0.8996913598;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(326deg);
            transform: translate(-252.525px, -35px) rotate(326deg);
    opacity: 0.8996913598;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(326deg);
            transform: translate(-278.95px, 20.125px) rotate(326deg);
    opacity: 0.4498456799;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(326deg);
            transform: translate(-306.25px, 87.5px) rotate(326deg);
    opacity: 0;
  }
}
@keyframes drop-right-58 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(326deg);
            transform: translate(0px, 0px) rotate(326deg);
    opacity: 0.8996913598;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(326deg);
            transform: translate(-22.05px, -52.5px) rotate(326deg);
    opacity: 0.8996913598;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(326deg);
            transform: translate(-49px, -100.8px) rotate(326deg);
    opacity: 0.8996913598;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(326deg);
            transform: translate(-80.675px, -137.725px) rotate(326deg);
    opacity: 0.8996913598;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(326deg);
            transform: translate(-98.35px, -149.8px) rotate(326deg);
    opacity: 0.8996913598;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(326deg);
            transform: translate(-117.075px, -156.45px) rotate(326deg);
    opacity: 0.8996913598;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(326deg);
            transform: translate(-136.85px, -156.8px) rotate(326deg);
    opacity: 0.8996913598;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(326deg);
            transform: translate(-157.85px, -150.15px) rotate(326deg);
    opacity: 0.8996913598;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(326deg);
            transform: translate(-179.9px, -135.45px) rotate(326deg);
    opacity: 0.8996913598;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(326deg);
            transform: translate(-203px, -112px) rotate(326deg);
    opacity: 0.8996913598;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(326deg);
            transform: translate(-227.325px, -78.75px) rotate(326deg);
    opacity: 0.8996913598;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(326deg);
            transform: translate(-252.525px, -35px) rotate(326deg);
    opacity: 0.8996913598;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(326deg);
            transform: translate(-278.95px, 20.125px) rotate(326deg);
    opacity: 0.4498456799;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(326deg);
            transform: translate(-306.25px, 87.5px) rotate(326deg);
    opacity: 0;
  }
}
.confetti-left-59,
.confetti-right-59 {
  width: 7.8px;
  height: 7.8px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 13px);
  left: calc(50% - 3.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-59 {
  -webkit-animation: drop-left-59 1.3793042639s 0.8723279355s 2 forwards;
          animation: drop-left-59 1.3793042639s 0.8723279355s 2 forwards;
}

.confetti-right-59 {
  -webkit-animation: drop-right-59 1.1535365888s 1.3806876064s 2 forwards;
          animation: drop-right-59 1.1535365888s 1.3806876064s 2 forwards;
}

@-webkit-keyframes drop-left-59 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 0.8062661383;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(187deg);
            transform: translate(12.6px, -30px) rotate(187deg);
    opacity: 0.8062661383;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(187deg);
            transform: translate(28px, -57.6px) rotate(187deg);
    opacity: 0.8062661383;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(187deg);
            transform: translate(46.1px, -78.7px) rotate(187deg);
    opacity: 0.8062661383;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(187deg);
            transform: translate(56.2px, -85.6px) rotate(187deg);
    opacity: 0.8062661383;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(187deg);
            transform: translate(66.9px, -89.4px) rotate(187deg);
    opacity: 0.8062661383;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(187deg);
            transform: translate(78.2px, -89.6px) rotate(187deg);
    opacity: 0.8062661383;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(187deg);
            transform: translate(90.2px, -85.8px) rotate(187deg);
    opacity: 0.8062661383;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(187deg);
            transform: translate(102.8px, -77.4px) rotate(187deg);
    opacity: 0.8062661383;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(187deg);
            transform: translate(116px, -64px) rotate(187deg);
    opacity: 0.8062661383;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(187deg);
            transform: translate(129.9px, -45px) rotate(187deg);
    opacity: 0.8062661383;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(187deg);
            transform: translate(144.3px, -20px) rotate(187deg);
    opacity: 0.8062661383;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(187deg);
            transform: translate(159.4px, 11.5px) rotate(187deg);
    opacity: 0.4031330691;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(187deg);
            transform: translate(175px, 50px) rotate(187deg);
    opacity: 0;
  }
}

@keyframes drop-left-59 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 0.8062661383;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(187deg);
            transform: translate(12.6px, -30px) rotate(187deg);
    opacity: 0.8062661383;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(187deg);
            transform: translate(28px, -57.6px) rotate(187deg);
    opacity: 0.8062661383;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(187deg);
            transform: translate(46.1px, -78.7px) rotate(187deg);
    opacity: 0.8062661383;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(187deg);
            transform: translate(56.2px, -85.6px) rotate(187deg);
    opacity: 0.8062661383;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(187deg);
            transform: translate(66.9px, -89.4px) rotate(187deg);
    opacity: 0.8062661383;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(187deg);
            transform: translate(78.2px, -89.6px) rotate(187deg);
    opacity: 0.8062661383;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(187deg);
            transform: translate(90.2px, -85.8px) rotate(187deg);
    opacity: 0.8062661383;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(187deg);
            transform: translate(102.8px, -77.4px) rotate(187deg);
    opacity: 0.8062661383;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(187deg);
            transform: translate(116px, -64px) rotate(187deg);
    opacity: 0.8062661383;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(187deg);
            transform: translate(129.9px, -45px) rotate(187deg);
    opacity: 0.8062661383;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(187deg);
            transform: translate(144.3px, -20px) rotate(187deg);
    opacity: 0.8062661383;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(187deg);
            transform: translate(159.4px, 11.5px) rotate(187deg);
    opacity: 0.4031330691;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(187deg);
            transform: translate(175px, 50px) rotate(187deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-59 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(219deg);
            transform: translate(0px, 0px) rotate(219deg);
    opacity: 0.8216262829;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(219deg);
            transform: translate(-3.15px, -7.5px) rotate(219deg);
    opacity: 0.8216262829;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(219deg);
            transform: translate(-7px, -14.4px) rotate(219deg);
    opacity: 0.8216262829;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(219deg);
            transform: translate(-11.525px, -19.675px) rotate(219deg);
    opacity: 0.8216262829;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(219deg);
            transform: translate(-14.05px, -21.4px) rotate(219deg);
    opacity: 0.8216262829;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(219deg);
            transform: translate(-16.725px, -22.35px) rotate(219deg);
    opacity: 0.8216262829;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(219deg);
            transform: translate(-19.55px, -22.4px) rotate(219deg);
    opacity: 0.8216262829;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(219deg);
            transform: translate(-22.55px, -21.45px) rotate(219deg);
    opacity: 0.8216262829;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(219deg);
            transform: translate(-25.7px, -19.35px) rotate(219deg);
    opacity: 0.8216262829;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(219deg);
            transform: translate(-29px, -16px) rotate(219deg);
    opacity: 0.8216262829;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(219deg);
            transform: translate(-32.475px, -11.25px) rotate(219deg);
    opacity: 0.8216262829;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(219deg);
            transform: translate(-36.075px, -5px) rotate(219deg);
    opacity: 0.8216262829;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(219deg);
            transform: translate(-39.85px, 2.875px) rotate(219deg);
    opacity: 0.4108131415;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(219deg);
            transform: translate(-43.75px, 12.5px) rotate(219deg);
    opacity: 0;
  }
}
@keyframes drop-right-59 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(219deg);
            transform: translate(0px, 0px) rotate(219deg);
    opacity: 0.8216262829;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(219deg);
            transform: translate(-3.15px, -7.5px) rotate(219deg);
    opacity: 0.8216262829;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(219deg);
            transform: translate(-7px, -14.4px) rotate(219deg);
    opacity: 0.8216262829;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(219deg);
            transform: translate(-11.525px, -19.675px) rotate(219deg);
    opacity: 0.8216262829;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(219deg);
            transform: translate(-14.05px, -21.4px) rotate(219deg);
    opacity: 0.8216262829;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(219deg);
            transform: translate(-16.725px, -22.35px) rotate(219deg);
    opacity: 0.8216262829;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(219deg);
            transform: translate(-19.55px, -22.4px) rotate(219deg);
    opacity: 0.8216262829;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(219deg);
            transform: translate(-22.55px, -21.45px) rotate(219deg);
    opacity: 0.8216262829;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(219deg);
            transform: translate(-25.7px, -19.35px) rotate(219deg);
    opacity: 0.8216262829;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(219deg);
            transform: translate(-29px, -16px) rotate(219deg);
    opacity: 0.8216262829;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(219deg);
            transform: translate(-32.475px, -11.25px) rotate(219deg);
    opacity: 0.8216262829;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(219deg);
            transform: translate(-36.075px, -5px) rotate(219deg);
    opacity: 0.8216262829;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(219deg);
            transform: translate(-39.85px, 2.875px) rotate(219deg);
    opacity: 0.4108131415;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(219deg);
            transform: translate(-43.75px, 12.5px) rotate(219deg);
    opacity: 0;
  }
}
.confetti-left-60,
.confetti-right-60 {
  width: 4.2px;
  height: 4.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-60 {
  -webkit-animation: drop-left-60 1.3850746572s 0.9396467036s 2 forwards;
          animation: drop-left-60 1.3850746572s 0.9396467036s 2 forwards;
}

.confetti-right-60 {
  -webkit-animation: drop-right-60 1.4432051421s 0.5518220882s 2 forwards;
          animation: drop-right-60 1.4432051421s 0.5518220882s 2 forwards;
}

@-webkit-keyframes drop-left-60 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(100deg);
            transform: translate(0px, 0px) rotate(100deg);
    opacity: 0.6523217561;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(100deg);
            transform: translate(28.35px, -67.5px) rotate(100deg);
    opacity: 0.6523217561;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(100deg);
            transform: translate(63px, -129.6px) rotate(100deg);
    opacity: 0.6523217561;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(100deg);
            transform: translate(103.725px, -177.075px) rotate(100deg);
    opacity: 0.6523217561;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(100deg);
            transform: translate(126.45px, -192.6px) rotate(100deg);
    opacity: 0.6523217561;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(100deg);
            transform: translate(150.525px, -201.15px) rotate(100deg);
    opacity: 0.6523217561;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(100deg);
            transform: translate(175.95px, -201.6px) rotate(100deg);
    opacity: 0.6523217561;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(100deg);
            transform: translate(202.95px, -193.05px) rotate(100deg);
    opacity: 0.6523217561;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(100deg);
            transform: translate(231.3px, -174.15px) rotate(100deg);
    opacity: 0.6523217561;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(100deg);
            transform: translate(261px, -144px) rotate(100deg);
    opacity: 0.6523217561;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(100deg);
            transform: translate(292.275px, -101.25px) rotate(100deg);
    opacity: 0.6523217561;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(100deg);
            transform: translate(324.675px, -45px) rotate(100deg);
    opacity: 0.6523217561;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(100deg);
            transform: translate(358.65px, 25.875px) rotate(100deg);
    opacity: 0.3261608781;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(100deg);
            transform: translate(393.75px, 112.5px) rotate(100deg);
    opacity: 0;
  }
}

@keyframes drop-left-60 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(100deg);
            transform: translate(0px, 0px) rotate(100deg);
    opacity: 0.6523217561;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(100deg);
            transform: translate(28.35px, -67.5px) rotate(100deg);
    opacity: 0.6523217561;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(100deg);
            transform: translate(63px, -129.6px) rotate(100deg);
    opacity: 0.6523217561;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(100deg);
            transform: translate(103.725px, -177.075px) rotate(100deg);
    opacity: 0.6523217561;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(100deg);
            transform: translate(126.45px, -192.6px) rotate(100deg);
    opacity: 0.6523217561;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(100deg);
            transform: translate(150.525px, -201.15px) rotate(100deg);
    opacity: 0.6523217561;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(100deg);
            transform: translate(175.95px, -201.6px) rotate(100deg);
    opacity: 0.6523217561;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(100deg);
            transform: translate(202.95px, -193.05px) rotate(100deg);
    opacity: 0.6523217561;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(100deg);
            transform: translate(231.3px, -174.15px) rotate(100deg);
    opacity: 0.6523217561;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(100deg);
            transform: translate(261px, -144px) rotate(100deg);
    opacity: 0.6523217561;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(100deg);
            transform: translate(292.275px, -101.25px) rotate(100deg);
    opacity: 0.6523217561;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(100deg);
            transform: translate(324.675px, -45px) rotate(100deg);
    opacity: 0.6523217561;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(100deg);
            transform: translate(358.65px, 25.875px) rotate(100deg);
    opacity: 0.3261608781;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(100deg);
            transform: translate(393.75px, 112.5px) rotate(100deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-60 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(262deg);
            transform: translate(0px, 0px) rotate(262deg);
    opacity: 1.4255023331;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(262deg);
            transform: translate(-3.15px, -7.5px) rotate(262deg);
    opacity: 1.4255023331;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(262deg);
            transform: translate(-7px, -14.4px) rotate(262deg);
    opacity: 1.4255023331;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(262deg);
            transform: translate(-11.525px, -19.675px) rotate(262deg);
    opacity: 1.4255023331;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(262deg);
            transform: translate(-14.05px, -21.4px) rotate(262deg);
    opacity: 1.4255023331;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(262deg);
            transform: translate(-16.725px, -22.35px) rotate(262deg);
    opacity: 1.4255023331;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(262deg);
            transform: translate(-19.55px, -22.4px) rotate(262deg);
    opacity: 1.4255023331;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(262deg);
            transform: translate(-22.55px, -21.45px) rotate(262deg);
    opacity: 1.4255023331;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(262deg);
            transform: translate(-25.7px, -19.35px) rotate(262deg);
    opacity: 1.4255023331;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(262deg);
            transform: translate(-29px, -16px) rotate(262deg);
    opacity: 1.4255023331;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(262deg);
            transform: translate(-32.475px, -11.25px) rotate(262deg);
    opacity: 1.4255023331;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(262deg);
            transform: translate(-36.075px, -5px) rotate(262deg);
    opacity: 1.4255023331;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(262deg);
            transform: translate(-39.85px, 2.875px) rotate(262deg);
    opacity: 0.7127511666;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(262deg);
            transform: translate(-43.75px, 12.5px) rotate(262deg);
    opacity: 0;
  }
}
@keyframes drop-right-60 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(262deg);
            transform: translate(0px, 0px) rotate(262deg);
    opacity: 1.4255023331;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(262deg);
            transform: translate(-3.15px, -7.5px) rotate(262deg);
    opacity: 1.4255023331;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(262deg);
            transform: translate(-7px, -14.4px) rotate(262deg);
    opacity: 1.4255023331;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(262deg);
            transform: translate(-11.525px, -19.675px) rotate(262deg);
    opacity: 1.4255023331;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(262deg);
            transform: translate(-14.05px, -21.4px) rotate(262deg);
    opacity: 1.4255023331;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(262deg);
            transform: translate(-16.725px, -22.35px) rotate(262deg);
    opacity: 1.4255023331;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(262deg);
            transform: translate(-19.55px, -22.4px) rotate(262deg);
    opacity: 1.4255023331;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(262deg);
            transform: translate(-22.55px, -21.45px) rotate(262deg);
    opacity: 1.4255023331;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(262deg);
            transform: translate(-25.7px, -19.35px) rotate(262deg);
    opacity: 1.4255023331;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(262deg);
            transform: translate(-29px, -16px) rotate(262deg);
    opacity: 1.4255023331;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(262deg);
            transform: translate(-32.475px, -11.25px) rotate(262deg);
    opacity: 1.4255023331;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(262deg);
            transform: translate(-36.075px, -5px) rotate(262deg);
    opacity: 1.4255023331;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(262deg);
            transform: translate(-39.85px, 2.875px) rotate(262deg);
    opacity: 0.7127511666;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(262deg);
            transform: translate(-43.75px, 12.5px) rotate(262deg);
    opacity: 0;
  }
}
.confetti-left-61,
.confetti-right-61 {
  width: 6.6px;
  height: 6.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #765AA3;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-61 {
  -webkit-animation: drop-left-61 1.3272716637s 0.7497079483s 2 forwards;
          animation: drop-left-61 1.3272716637s 0.7497079483s 2 forwards;
}

.confetti-right-61 {
  -webkit-animation: drop-right-61 1.3011722832s 1.3565326952s 2 forwards;
          animation: drop-right-61 1.3011722832s 1.3565326952s 2 forwards;
}

@-webkit-keyframes drop-left-61 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(247deg);
            transform: translate(0px, 0px) rotate(247deg);
    opacity: 1.4992257675;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(247deg);
            transform: translate(3.15px, -7.5px) rotate(247deg);
    opacity: 1.4992257675;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(247deg);
            transform: translate(7px, -14.4px) rotate(247deg);
    opacity: 1.4992257675;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(247deg);
            transform: translate(11.525px, -19.675px) rotate(247deg);
    opacity: 1.4992257675;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(247deg);
            transform: translate(14.05px, -21.4px) rotate(247deg);
    opacity: 1.4992257675;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(247deg);
            transform: translate(16.725px, -22.35px) rotate(247deg);
    opacity: 1.4992257675;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(247deg);
            transform: translate(19.55px, -22.4px) rotate(247deg);
    opacity: 1.4992257675;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(247deg);
            transform: translate(22.55px, -21.45px) rotate(247deg);
    opacity: 1.4992257675;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(247deg);
            transform: translate(25.7px, -19.35px) rotate(247deg);
    opacity: 1.4992257675;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(247deg);
            transform: translate(29px, -16px) rotate(247deg);
    opacity: 1.4992257675;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(247deg);
            transform: translate(32.475px, -11.25px) rotate(247deg);
    opacity: 1.4992257675;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(247deg);
            transform: translate(36.075px, -5px) rotate(247deg);
    opacity: 1.4992257675;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(247deg);
            transform: translate(39.85px, 2.875px) rotate(247deg);
    opacity: 0.7496128837;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(247deg);
            transform: translate(43.75px, 12.5px) rotate(247deg);
    opacity: 0;
  }
}

@keyframes drop-left-61 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(247deg);
            transform: translate(0px, 0px) rotate(247deg);
    opacity: 1.4992257675;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(247deg);
            transform: translate(3.15px, -7.5px) rotate(247deg);
    opacity: 1.4992257675;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(247deg);
            transform: translate(7px, -14.4px) rotate(247deg);
    opacity: 1.4992257675;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(247deg);
            transform: translate(11.525px, -19.675px) rotate(247deg);
    opacity: 1.4992257675;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(247deg);
            transform: translate(14.05px, -21.4px) rotate(247deg);
    opacity: 1.4992257675;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(247deg);
            transform: translate(16.725px, -22.35px) rotate(247deg);
    opacity: 1.4992257675;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(247deg);
            transform: translate(19.55px, -22.4px) rotate(247deg);
    opacity: 1.4992257675;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(247deg);
            transform: translate(22.55px, -21.45px) rotate(247deg);
    opacity: 1.4992257675;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(247deg);
            transform: translate(25.7px, -19.35px) rotate(247deg);
    opacity: 1.4992257675;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(247deg);
            transform: translate(29px, -16px) rotate(247deg);
    opacity: 1.4992257675;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(247deg);
            transform: translate(32.475px, -11.25px) rotate(247deg);
    opacity: 1.4992257675;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(247deg);
            transform: translate(36.075px, -5px) rotate(247deg);
    opacity: 1.4992257675;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(247deg);
            transform: translate(39.85px, 2.875px) rotate(247deg);
    opacity: 0.7496128837;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(247deg);
            transform: translate(43.75px, 12.5px) rotate(247deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-61 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(83deg);
            transform: translate(0px, 0px) rotate(83deg);
    opacity: 0.7515301896;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(83deg);
            transform: translate(-12.6px, -30px) rotate(83deg);
    opacity: 0.7515301896;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(83deg);
            transform: translate(-28px, -57.6px) rotate(83deg);
    opacity: 0.7515301896;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(83deg);
            transform: translate(-46.1px, -78.7px) rotate(83deg);
    opacity: 0.7515301896;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(83deg);
            transform: translate(-56.2px, -85.6px) rotate(83deg);
    opacity: 0.7515301896;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(83deg);
            transform: translate(-66.9px, -89.4px) rotate(83deg);
    opacity: 0.7515301896;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(83deg);
            transform: translate(-78.2px, -89.6px) rotate(83deg);
    opacity: 0.7515301896;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(83deg);
            transform: translate(-90.2px, -85.8px) rotate(83deg);
    opacity: 0.7515301896;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(83deg);
            transform: translate(-102.8px, -77.4px) rotate(83deg);
    opacity: 0.7515301896;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(83deg);
            transform: translate(-116px, -64px) rotate(83deg);
    opacity: 0.7515301896;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(83deg);
            transform: translate(-129.9px, -45px) rotate(83deg);
    opacity: 0.7515301896;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(83deg);
            transform: translate(-144.3px, -20px) rotate(83deg);
    opacity: 0.7515301896;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(83deg);
            transform: translate(-159.4px, 11.5px) rotate(83deg);
    opacity: 0.3757650948;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(83deg);
            transform: translate(-175px, 50px) rotate(83deg);
    opacity: 0;
  }
}
@keyframes drop-right-61 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(83deg);
            transform: translate(0px, 0px) rotate(83deg);
    opacity: 0.7515301896;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(83deg);
            transform: translate(-12.6px, -30px) rotate(83deg);
    opacity: 0.7515301896;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(83deg);
            transform: translate(-28px, -57.6px) rotate(83deg);
    opacity: 0.7515301896;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(83deg);
            transform: translate(-46.1px, -78.7px) rotate(83deg);
    opacity: 0.7515301896;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(83deg);
            transform: translate(-56.2px, -85.6px) rotate(83deg);
    opacity: 0.7515301896;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(83deg);
            transform: translate(-66.9px, -89.4px) rotate(83deg);
    opacity: 0.7515301896;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(83deg);
            transform: translate(-78.2px, -89.6px) rotate(83deg);
    opacity: 0.7515301896;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(83deg);
            transform: translate(-90.2px, -85.8px) rotate(83deg);
    opacity: 0.7515301896;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(83deg);
            transform: translate(-102.8px, -77.4px) rotate(83deg);
    opacity: 0.7515301896;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(83deg);
            transform: translate(-116px, -64px) rotate(83deg);
    opacity: 0.7515301896;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(83deg);
            transform: translate(-129.9px, -45px) rotate(83deg);
    opacity: 0.7515301896;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(83deg);
            transform: translate(-144.3px, -20px) rotate(83deg);
    opacity: 0.7515301896;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(83deg);
            transform: translate(-159.4px, 11.5px) rotate(83deg);
    opacity: 0.3757650948;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(83deg);
            transform: translate(-175px, 50px) rotate(83deg);
    opacity: 0;
  }
}
.confetti-left-62,
.confetti-right-62 {
  width: 10.2px;
  height: 10.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-62 {
  -webkit-animation: drop-left-62 1.7342080685s 1.1827588986s 2 forwards;
          animation: drop-left-62 1.7342080685s 1.1827588986s 2 forwards;
}

.confetti-right-62 {
  -webkit-animation: drop-right-62 1.584885425s 0.5794644892s 2 forwards;
          animation: drop-right-62 1.584885425s 0.5794644892s 2 forwards;
}

@-webkit-keyframes drop-left-62 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(351deg);
            transform: translate(0px, 0px) rotate(351deg);
    opacity: 1.339750732;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(351deg);
            transform: translate(22.05px, -52.5px) rotate(351deg);
    opacity: 1.339750732;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(351deg);
            transform: translate(49px, -100.8px) rotate(351deg);
    opacity: 1.339750732;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(351deg);
            transform: translate(80.675px, -137.725px) rotate(351deg);
    opacity: 1.339750732;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(351deg);
            transform: translate(98.35px, -149.8px) rotate(351deg);
    opacity: 1.339750732;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(351deg);
            transform: translate(117.075px, -156.45px) rotate(351deg);
    opacity: 1.339750732;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(351deg);
            transform: translate(136.85px, -156.8px) rotate(351deg);
    opacity: 1.339750732;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(351deg);
            transform: translate(157.85px, -150.15px) rotate(351deg);
    opacity: 1.339750732;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(351deg);
            transform: translate(179.9px, -135.45px) rotate(351deg);
    opacity: 1.339750732;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(351deg);
            transform: translate(203px, -112px) rotate(351deg);
    opacity: 1.339750732;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(351deg);
            transform: translate(227.325px, -78.75px) rotate(351deg);
    opacity: 1.339750732;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(351deg);
            transform: translate(252.525px, -35px) rotate(351deg);
    opacity: 1.339750732;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(351deg);
            transform: translate(278.95px, 20.125px) rotate(351deg);
    opacity: 0.669875366;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(351deg);
            transform: translate(306.25px, 87.5px) rotate(351deg);
    opacity: 0;
  }
}

@keyframes drop-left-62 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(351deg);
            transform: translate(0px, 0px) rotate(351deg);
    opacity: 1.339750732;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(351deg);
            transform: translate(22.05px, -52.5px) rotate(351deg);
    opacity: 1.339750732;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(351deg);
            transform: translate(49px, -100.8px) rotate(351deg);
    opacity: 1.339750732;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(351deg);
            transform: translate(80.675px, -137.725px) rotate(351deg);
    opacity: 1.339750732;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(351deg);
            transform: translate(98.35px, -149.8px) rotate(351deg);
    opacity: 1.339750732;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(351deg);
            transform: translate(117.075px, -156.45px) rotate(351deg);
    opacity: 1.339750732;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(351deg);
            transform: translate(136.85px, -156.8px) rotate(351deg);
    opacity: 1.339750732;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(351deg);
            transform: translate(157.85px, -150.15px) rotate(351deg);
    opacity: 1.339750732;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(351deg);
            transform: translate(179.9px, -135.45px) rotate(351deg);
    opacity: 1.339750732;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(351deg);
            transform: translate(203px, -112px) rotate(351deg);
    opacity: 1.339750732;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(351deg);
            transform: translate(227.325px, -78.75px) rotate(351deg);
    opacity: 1.339750732;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(351deg);
            transform: translate(252.525px, -35px) rotate(351deg);
    opacity: 1.339750732;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(351deg);
            transform: translate(278.95px, 20.125px) rotate(351deg);
    opacity: 0.669875366;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(351deg);
            transform: translate(306.25px, 87.5px) rotate(351deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-62 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(93deg);
            transform: translate(0px, 0px) rotate(93deg);
    opacity: 1.0994961574;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(93deg);
            transform: translate(-25.2px, -60px) rotate(93deg);
    opacity: 1.0994961574;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(93deg);
            transform: translate(-56px, -115.2px) rotate(93deg);
    opacity: 1.0994961574;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(93deg);
            transform: translate(-92.2px, -157.4px) rotate(93deg);
    opacity: 1.0994961574;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(93deg);
            transform: translate(-112.4px, -171.2px) rotate(93deg);
    opacity: 1.0994961574;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(93deg);
            transform: translate(-133.8px, -178.8px) rotate(93deg);
    opacity: 1.0994961574;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(93deg);
            transform: translate(-156.4px, -179.2px) rotate(93deg);
    opacity: 1.0994961574;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(93deg);
            transform: translate(-180.4px, -171.6px) rotate(93deg);
    opacity: 1.0994961574;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(93deg);
            transform: translate(-205.6px, -154.8px) rotate(93deg);
    opacity: 1.0994961574;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(93deg);
            transform: translate(-232px, -128px) rotate(93deg);
    opacity: 1.0994961574;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(93deg);
            transform: translate(-259.8px, -90px) rotate(93deg);
    opacity: 1.0994961574;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(93deg);
            transform: translate(-288.6px, -40px) rotate(93deg);
    opacity: 1.0994961574;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(93deg);
            transform: translate(-318.8px, 23px) rotate(93deg);
    opacity: 0.5497480787;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(93deg);
            transform: translate(-350px, 100px) rotate(93deg);
    opacity: 0;
  }
}
@keyframes drop-right-62 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(93deg);
            transform: translate(0px, 0px) rotate(93deg);
    opacity: 1.0994961574;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(93deg);
            transform: translate(-25.2px, -60px) rotate(93deg);
    opacity: 1.0994961574;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(93deg);
            transform: translate(-56px, -115.2px) rotate(93deg);
    opacity: 1.0994961574;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(93deg);
            transform: translate(-92.2px, -157.4px) rotate(93deg);
    opacity: 1.0994961574;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(93deg);
            transform: translate(-112.4px, -171.2px) rotate(93deg);
    opacity: 1.0994961574;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(93deg);
            transform: translate(-133.8px, -178.8px) rotate(93deg);
    opacity: 1.0994961574;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(93deg);
            transform: translate(-156.4px, -179.2px) rotate(93deg);
    opacity: 1.0994961574;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(93deg);
            transform: translate(-180.4px, -171.6px) rotate(93deg);
    opacity: 1.0994961574;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(93deg);
            transform: translate(-205.6px, -154.8px) rotate(93deg);
    opacity: 1.0994961574;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(93deg);
            transform: translate(-232px, -128px) rotate(93deg);
    opacity: 1.0994961574;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(93deg);
            transform: translate(-259.8px, -90px) rotate(93deg);
    opacity: 1.0994961574;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(93deg);
            transform: translate(-288.6px, -40px) rotate(93deg);
    opacity: 1.0994961574;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(93deg);
            transform: translate(-318.8px, 23px) rotate(93deg);
    opacity: 0.5497480787;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(93deg);
            transform: translate(-350px, 100px) rotate(93deg);
    opacity: 0;
  }
}
.confetti-left-63,
.confetti-right-63 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 5px);
  left: calc(50% - 1.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-63 {
  -webkit-animation: drop-left-63 1.8717600798s 1.1655163087s 2 forwards;
          animation: drop-left-63 1.8717600798s 1.1655163087s 2 forwards;
}

.confetti-right-63 {
  -webkit-animation: drop-right-63 1.3101757477s 0.5743346389s 2 forwards;
          animation: drop-right-63 1.3101757477s 0.5743346389s 2 forwards;
}

@-webkit-keyframes drop-left-63 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 0.666019354;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(63deg);
            transform: translate(9.45px, -22.5px) rotate(63deg);
    opacity: 0.666019354;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(63deg);
            transform: translate(21px, -43.2px) rotate(63deg);
    opacity: 0.666019354;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(63deg);
            transform: translate(34.575px, -59.025px) rotate(63deg);
    opacity: 0.666019354;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(63deg);
            transform: translate(42.15px, -64.2px) rotate(63deg);
    opacity: 0.666019354;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(63deg);
            transform: translate(50.175px, -67.05px) rotate(63deg);
    opacity: 0.666019354;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(63deg);
            transform: translate(58.65px, -67.2px) rotate(63deg);
    opacity: 0.666019354;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(63deg);
            transform: translate(67.65px, -64.35px) rotate(63deg);
    opacity: 0.666019354;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(63deg);
            transform: translate(77.1px, -58.05px) rotate(63deg);
    opacity: 0.666019354;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(63deg);
            transform: translate(87px, -48px) rotate(63deg);
    opacity: 0.666019354;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(63deg);
            transform: translate(97.425px, -33.75px) rotate(63deg);
    opacity: 0.666019354;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(63deg);
            transform: translate(108.225px, -15px) rotate(63deg);
    opacity: 0.666019354;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(63deg);
            transform: translate(119.55px, 8.625px) rotate(63deg);
    opacity: 0.333009677;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(63deg);
            transform: translate(131.25px, 37.5px) rotate(63deg);
    opacity: 0;
  }
}

@keyframes drop-left-63 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 0.666019354;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(63deg);
            transform: translate(9.45px, -22.5px) rotate(63deg);
    opacity: 0.666019354;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(63deg);
            transform: translate(21px, -43.2px) rotate(63deg);
    opacity: 0.666019354;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(63deg);
            transform: translate(34.575px, -59.025px) rotate(63deg);
    opacity: 0.666019354;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(63deg);
            transform: translate(42.15px, -64.2px) rotate(63deg);
    opacity: 0.666019354;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(63deg);
            transform: translate(50.175px, -67.05px) rotate(63deg);
    opacity: 0.666019354;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(63deg);
            transform: translate(58.65px, -67.2px) rotate(63deg);
    opacity: 0.666019354;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(63deg);
            transform: translate(67.65px, -64.35px) rotate(63deg);
    opacity: 0.666019354;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(63deg);
            transform: translate(77.1px, -58.05px) rotate(63deg);
    opacity: 0.666019354;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(63deg);
            transform: translate(87px, -48px) rotate(63deg);
    opacity: 0.666019354;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(63deg);
            transform: translate(97.425px, -33.75px) rotate(63deg);
    opacity: 0.666019354;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(63deg);
            transform: translate(108.225px, -15px) rotate(63deg);
    opacity: 0.666019354;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(63deg);
            transform: translate(119.55px, 8.625px) rotate(63deg);
    opacity: 0.333009677;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(63deg);
            transform: translate(131.25px, 37.5px) rotate(63deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-63 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(72deg);
            transform: translate(0px, 0px) rotate(72deg);
    opacity: 1.0868211894;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(72deg);
            transform: translate(-9.45px, -22.5px) rotate(72deg);
    opacity: 1.0868211894;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(72deg);
            transform: translate(-21px, -43.2px) rotate(72deg);
    opacity: 1.0868211894;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(72deg);
            transform: translate(-34.575px, -59.025px) rotate(72deg);
    opacity: 1.0868211894;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(72deg);
            transform: translate(-42.15px, -64.2px) rotate(72deg);
    opacity: 1.0868211894;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(72deg);
            transform: translate(-50.175px, -67.05px) rotate(72deg);
    opacity: 1.0868211894;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(72deg);
            transform: translate(-58.65px, -67.2px) rotate(72deg);
    opacity: 1.0868211894;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(72deg);
            transform: translate(-67.65px, -64.35px) rotate(72deg);
    opacity: 1.0868211894;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(72deg);
            transform: translate(-77.1px, -58.05px) rotate(72deg);
    opacity: 1.0868211894;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(72deg);
            transform: translate(-87px, -48px) rotate(72deg);
    opacity: 1.0868211894;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(72deg);
            transform: translate(-97.425px, -33.75px) rotate(72deg);
    opacity: 1.0868211894;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(72deg);
            transform: translate(-108.225px, -15px) rotate(72deg);
    opacity: 1.0868211894;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(72deg);
            transform: translate(-119.55px, 8.625px) rotate(72deg);
    opacity: 0.5434105947;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(72deg);
            transform: translate(-131.25px, 37.5px) rotate(72deg);
    opacity: 0;
  }
}
@keyframes drop-right-63 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(72deg);
            transform: translate(0px, 0px) rotate(72deg);
    opacity: 1.0868211894;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(72deg);
            transform: translate(-9.45px, -22.5px) rotate(72deg);
    opacity: 1.0868211894;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(72deg);
            transform: translate(-21px, -43.2px) rotate(72deg);
    opacity: 1.0868211894;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(72deg);
            transform: translate(-34.575px, -59.025px) rotate(72deg);
    opacity: 1.0868211894;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(72deg);
            transform: translate(-42.15px, -64.2px) rotate(72deg);
    opacity: 1.0868211894;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(72deg);
            transform: translate(-50.175px, -67.05px) rotate(72deg);
    opacity: 1.0868211894;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(72deg);
            transform: translate(-58.65px, -67.2px) rotate(72deg);
    opacity: 1.0868211894;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(72deg);
            transform: translate(-67.65px, -64.35px) rotate(72deg);
    opacity: 1.0868211894;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(72deg);
            transform: translate(-77.1px, -58.05px) rotate(72deg);
    opacity: 1.0868211894;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(72deg);
            transform: translate(-87px, -48px) rotate(72deg);
    opacity: 1.0868211894;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(72deg);
            transform: translate(-97.425px, -33.75px) rotate(72deg);
    opacity: 1.0868211894;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(72deg);
            transform: translate(-108.225px, -15px) rotate(72deg);
    opacity: 1.0868211894;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(72deg);
            transform: translate(-119.55px, 8.625px) rotate(72deg);
    opacity: 0.5434105947;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(72deg);
            transform: translate(-131.25px, 37.5px) rotate(72deg);
    opacity: 0;
  }
}
.confetti-left-64,
.confetti-right-64 {
  background-color: transparent;
  border-bottom: 3.5px solid #765AA3;
  border-left: 1.75px solid transparent;
  border-right: 1.75px solid transparent;
  height: 0;
  width: 3.5px;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-64 {
  -webkit-animation: drop-left-64 1.0600654041s 1.3205885859s 2 forwards;
          animation: drop-left-64 1.0600654041s 1.3205885859s 2 forwards;
}

.confetti-right-64 {
  -webkit-animation: drop-right-64 1.8998068638s 0.8539729721s 2 forwards;
          animation: drop-right-64 1.8998068638s 0.8539729721s 2 forwards;
}

@-webkit-keyframes drop-left-64 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(215deg);
            transform: translate(0px, 0px) rotate(215deg);
    opacity: 1.2985732237;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(215deg);
            transform: translate(31.5px, -75px) rotate(215deg);
    opacity: 1.2985732237;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(215deg);
            transform: translate(70px, -144px) rotate(215deg);
    opacity: 1.2985732237;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(215deg);
            transform: translate(115.25px, -196.75px) rotate(215deg);
    opacity: 1.2985732237;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(215deg);
            transform: translate(140.5px, -214px) rotate(215deg);
    opacity: 1.2985732237;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(215deg);
            transform: translate(167.25px, -223.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(215deg);
            transform: translate(195.5px, -224px) rotate(215deg);
    opacity: 1.2985732237;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(215deg);
            transform: translate(225.5px, -214.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(215deg);
            transform: translate(257px, -193.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(215deg);
            transform: translate(290px, -160px) rotate(215deg);
    opacity: 1.2985732237;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(215deg);
            transform: translate(324.75px, -112.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(215deg);
            transform: translate(360.75px, -50px) rotate(215deg);
    opacity: 1.2985732237;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(215deg);
            transform: translate(398.5px, 28.75px) rotate(215deg);
    opacity: 0.6492866118;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(215deg);
            transform: translate(437.5px, 125px) rotate(215deg);
    opacity: 0;
  }
}

@keyframes drop-left-64 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(215deg);
            transform: translate(0px, 0px) rotate(215deg);
    opacity: 1.2985732237;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(215deg);
            transform: translate(31.5px, -75px) rotate(215deg);
    opacity: 1.2985732237;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(215deg);
            transform: translate(70px, -144px) rotate(215deg);
    opacity: 1.2985732237;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(215deg);
            transform: translate(115.25px, -196.75px) rotate(215deg);
    opacity: 1.2985732237;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(215deg);
            transform: translate(140.5px, -214px) rotate(215deg);
    opacity: 1.2985732237;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(215deg);
            transform: translate(167.25px, -223.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(215deg);
            transform: translate(195.5px, -224px) rotate(215deg);
    opacity: 1.2985732237;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(215deg);
            transform: translate(225.5px, -214.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(215deg);
            transform: translate(257px, -193.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(215deg);
            transform: translate(290px, -160px) rotate(215deg);
    opacity: 1.2985732237;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(215deg);
            transform: translate(324.75px, -112.5px) rotate(215deg);
    opacity: 1.2985732237;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(215deg);
            transform: translate(360.75px, -50px) rotate(215deg);
    opacity: 1.2985732237;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(215deg);
            transform: translate(398.5px, 28.75px) rotate(215deg);
    opacity: 0.6492866118;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(215deg);
            transform: translate(437.5px, 125px) rotate(215deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-64 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(80deg);
            transform: translate(0px, 0px) rotate(80deg);
    opacity: 0.8634336929;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(80deg);
            transform: translate(-22.05px, -52.5px) rotate(80deg);
    opacity: 0.8634336929;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(80deg);
            transform: translate(-49px, -100.8px) rotate(80deg);
    opacity: 0.8634336929;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(80deg);
            transform: translate(-80.675px, -137.725px) rotate(80deg);
    opacity: 0.8634336929;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(80deg);
            transform: translate(-98.35px, -149.8px) rotate(80deg);
    opacity: 0.8634336929;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(80deg);
            transform: translate(-117.075px, -156.45px) rotate(80deg);
    opacity: 0.8634336929;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(80deg);
            transform: translate(-136.85px, -156.8px) rotate(80deg);
    opacity: 0.8634336929;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(80deg);
            transform: translate(-157.85px, -150.15px) rotate(80deg);
    opacity: 0.8634336929;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(80deg);
            transform: translate(-179.9px, -135.45px) rotate(80deg);
    opacity: 0.8634336929;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(80deg);
            transform: translate(-203px, -112px) rotate(80deg);
    opacity: 0.8634336929;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(80deg);
            transform: translate(-227.325px, -78.75px) rotate(80deg);
    opacity: 0.8634336929;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(80deg);
            transform: translate(-252.525px, -35px) rotate(80deg);
    opacity: 0.8634336929;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(80deg);
            transform: translate(-278.95px, 20.125px) rotate(80deg);
    opacity: 0.4317168465;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(80deg);
            transform: translate(-306.25px, 87.5px) rotate(80deg);
    opacity: 0;
  }
}
@keyframes drop-right-64 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(80deg);
            transform: translate(0px, 0px) rotate(80deg);
    opacity: 0.8634336929;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(80deg);
            transform: translate(-22.05px, -52.5px) rotate(80deg);
    opacity: 0.8634336929;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(80deg);
            transform: translate(-49px, -100.8px) rotate(80deg);
    opacity: 0.8634336929;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(80deg);
            transform: translate(-80.675px, -137.725px) rotate(80deg);
    opacity: 0.8634336929;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(80deg);
            transform: translate(-98.35px, -149.8px) rotate(80deg);
    opacity: 0.8634336929;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(80deg);
            transform: translate(-117.075px, -156.45px) rotate(80deg);
    opacity: 0.8634336929;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(80deg);
            transform: translate(-136.85px, -156.8px) rotate(80deg);
    opacity: 0.8634336929;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(80deg);
            transform: translate(-157.85px, -150.15px) rotate(80deg);
    opacity: 0.8634336929;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(80deg);
            transform: translate(-179.9px, -135.45px) rotate(80deg);
    opacity: 0.8634336929;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(80deg);
            transform: translate(-203px, -112px) rotate(80deg);
    opacity: 0.8634336929;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(80deg);
            transform: translate(-227.325px, -78.75px) rotate(80deg);
    opacity: 0.8634336929;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(80deg);
            transform: translate(-252.525px, -35px) rotate(80deg);
    opacity: 0.8634336929;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(80deg);
            transform: translate(-278.95px, 20.125px) rotate(80deg);
    opacity: 0.4317168465;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(80deg);
            transform: translate(-306.25px, 87.5px) rotate(80deg);
    opacity: 0;
  }
}
.confetti-left-65,
.confetti-right-65 {
  width: 12px;
  height: 4.8px;
  background-color: #F4BB2F;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-65 {
  -webkit-animation: drop-left-65 1.5457370247s 0.7091469904s 2 forwards;
          animation: drop-left-65 1.5457370247s 0.7091469904s 2 forwards;
}

.confetti-right-65 {
  -webkit-animation: drop-right-65 1.8464422597s 1.0214849205s 2 forwards;
          animation: drop-right-65 1.8464422597s 1.0214849205s 2 forwards;
}

@-webkit-keyframes drop-left-65 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(342deg);
            transform: translate(0px, 0px) rotate(342deg);
    opacity: 1.3845258841;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(342deg);
            transform: translate(31.5px, -75px) rotate(342deg);
    opacity: 1.3845258841;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(342deg);
            transform: translate(70px, -144px) rotate(342deg);
    opacity: 1.3845258841;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(342deg);
            transform: translate(115.25px, -196.75px) rotate(342deg);
    opacity: 1.3845258841;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(342deg);
            transform: translate(140.5px, -214px) rotate(342deg);
    opacity: 1.3845258841;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(342deg);
            transform: translate(167.25px, -223.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(342deg);
            transform: translate(195.5px, -224px) rotate(342deg);
    opacity: 1.3845258841;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(342deg);
            transform: translate(225.5px, -214.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(342deg);
            transform: translate(257px, -193.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(342deg);
            transform: translate(290px, -160px) rotate(342deg);
    opacity: 1.3845258841;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(342deg);
            transform: translate(324.75px, -112.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(342deg);
            transform: translate(360.75px, -50px) rotate(342deg);
    opacity: 1.3845258841;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(342deg);
            transform: translate(398.5px, 28.75px) rotate(342deg);
    opacity: 0.6922629421;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(342deg);
            transform: translate(437.5px, 125px) rotate(342deg);
    opacity: 0;
  }
}

@keyframes drop-left-65 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(342deg);
            transform: translate(0px, 0px) rotate(342deg);
    opacity: 1.3845258841;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(342deg);
            transform: translate(31.5px, -75px) rotate(342deg);
    opacity: 1.3845258841;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(342deg);
            transform: translate(70px, -144px) rotate(342deg);
    opacity: 1.3845258841;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(342deg);
            transform: translate(115.25px, -196.75px) rotate(342deg);
    opacity: 1.3845258841;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(342deg);
            transform: translate(140.5px, -214px) rotate(342deg);
    opacity: 1.3845258841;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(342deg);
            transform: translate(167.25px, -223.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(342deg);
            transform: translate(195.5px, -224px) rotate(342deg);
    opacity: 1.3845258841;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(342deg);
            transform: translate(225.5px, -214.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(342deg);
            transform: translate(257px, -193.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(342deg);
            transform: translate(290px, -160px) rotate(342deg);
    opacity: 1.3845258841;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(342deg);
            transform: translate(324.75px, -112.5px) rotate(342deg);
    opacity: 1.3845258841;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(342deg);
            transform: translate(360.75px, -50px) rotate(342deg);
    opacity: 1.3845258841;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(342deg);
            transform: translate(398.5px, 28.75px) rotate(342deg);
    opacity: 0.6922629421;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(342deg);
            transform: translate(437.5px, 125px) rotate(342deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-65 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(80deg);
            transform: translate(0px, 0px) rotate(80deg);
    opacity: 1.3070120372;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(80deg);
            transform: translate(-31.5px, -75px) rotate(80deg);
    opacity: 1.3070120372;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(80deg);
            transform: translate(-70px, -144px) rotate(80deg);
    opacity: 1.3070120372;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(80deg);
            transform: translate(-115.25px, -196.75px) rotate(80deg);
    opacity: 1.3070120372;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(80deg);
            transform: translate(-140.5px, -214px) rotate(80deg);
    opacity: 1.3070120372;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(80deg);
            transform: translate(-167.25px, -223.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(80deg);
            transform: translate(-195.5px, -224px) rotate(80deg);
    opacity: 1.3070120372;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(80deg);
            transform: translate(-225.5px, -214.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(80deg);
            transform: translate(-257px, -193.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(80deg);
            transform: translate(-290px, -160px) rotate(80deg);
    opacity: 1.3070120372;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(80deg);
            transform: translate(-324.75px, -112.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(80deg);
            transform: translate(-360.75px, -50px) rotate(80deg);
    opacity: 1.3070120372;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(80deg);
            transform: translate(-398.5px, 28.75px) rotate(80deg);
    opacity: 0.6535060186;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(80deg);
            transform: translate(-437.5px, 125px) rotate(80deg);
    opacity: 0;
  }
}
@keyframes drop-right-65 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(80deg);
            transform: translate(0px, 0px) rotate(80deg);
    opacity: 1.3070120372;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(80deg);
            transform: translate(-31.5px, -75px) rotate(80deg);
    opacity: 1.3070120372;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(80deg);
            transform: translate(-70px, -144px) rotate(80deg);
    opacity: 1.3070120372;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(80deg);
            transform: translate(-115.25px, -196.75px) rotate(80deg);
    opacity: 1.3070120372;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(80deg);
            transform: translate(-140.5px, -214px) rotate(80deg);
    opacity: 1.3070120372;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(80deg);
            transform: translate(-167.25px, -223.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(80deg);
            transform: translate(-195.5px, -224px) rotate(80deg);
    opacity: 1.3070120372;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(80deg);
            transform: translate(-225.5px, -214.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(80deg);
            transform: translate(-257px, -193.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(80deg);
            transform: translate(-290px, -160px) rotate(80deg);
    opacity: 1.3070120372;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(80deg);
            transform: translate(-324.75px, -112.5px) rotate(80deg);
    opacity: 1.3070120372;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(80deg);
            transform: translate(-360.75px, -50px) rotate(80deg);
    opacity: 1.3070120372;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(80deg);
            transform: translate(-398.5px, 28.75px) rotate(80deg);
    opacity: 0.6535060186;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(80deg);
            transform: translate(-437.5px, 125px) rotate(80deg);
    opacity: 0;
  }
}
.confetti-left-66,
.confetti-right-66 {
  width: 3.6px;
  height: 3.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-66 {
  -webkit-animation: drop-left-66 1.6763802559s 1.019735674s 2 forwards;
          animation: drop-left-66 1.6763802559s 1.019735674s 2 forwards;
}

.confetti-right-66 {
  -webkit-animation: drop-right-66 1.6523194214s 0.8624509703s 2 forwards;
          animation: drop-right-66 1.6523194214s 0.8624509703s 2 forwards;
}

@-webkit-keyframes drop-left-66 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(342deg);
            transform: translate(0px, 0px) rotate(342deg);
    opacity: 0.8379405593;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(342deg);
            transform: translate(9.45px, -22.5px) rotate(342deg);
    opacity: 0.8379405593;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(342deg);
            transform: translate(21px, -43.2px) rotate(342deg);
    opacity: 0.8379405593;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(342deg);
            transform: translate(34.575px, -59.025px) rotate(342deg);
    opacity: 0.8379405593;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(342deg);
            transform: translate(42.15px, -64.2px) rotate(342deg);
    opacity: 0.8379405593;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(342deg);
            transform: translate(50.175px, -67.05px) rotate(342deg);
    opacity: 0.8379405593;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(342deg);
            transform: translate(58.65px, -67.2px) rotate(342deg);
    opacity: 0.8379405593;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(342deg);
            transform: translate(67.65px, -64.35px) rotate(342deg);
    opacity: 0.8379405593;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(342deg);
            transform: translate(77.1px, -58.05px) rotate(342deg);
    opacity: 0.8379405593;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(342deg);
            transform: translate(87px, -48px) rotate(342deg);
    opacity: 0.8379405593;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(342deg);
            transform: translate(97.425px, -33.75px) rotate(342deg);
    opacity: 0.8379405593;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(342deg);
            transform: translate(108.225px, -15px) rotate(342deg);
    opacity: 0.8379405593;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(342deg);
            transform: translate(119.55px, 8.625px) rotate(342deg);
    opacity: 0.4189702796;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(342deg);
            transform: translate(131.25px, 37.5px) rotate(342deg);
    opacity: 0;
  }
}

@keyframes drop-left-66 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(342deg);
            transform: translate(0px, 0px) rotate(342deg);
    opacity: 0.8379405593;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(342deg);
            transform: translate(9.45px, -22.5px) rotate(342deg);
    opacity: 0.8379405593;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(342deg);
            transform: translate(21px, -43.2px) rotate(342deg);
    opacity: 0.8379405593;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(342deg);
            transform: translate(34.575px, -59.025px) rotate(342deg);
    opacity: 0.8379405593;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(342deg);
            transform: translate(42.15px, -64.2px) rotate(342deg);
    opacity: 0.8379405593;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(342deg);
            transform: translate(50.175px, -67.05px) rotate(342deg);
    opacity: 0.8379405593;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(342deg);
            transform: translate(58.65px, -67.2px) rotate(342deg);
    opacity: 0.8379405593;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(342deg);
            transform: translate(67.65px, -64.35px) rotate(342deg);
    opacity: 0.8379405593;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(342deg);
            transform: translate(77.1px, -58.05px) rotate(342deg);
    opacity: 0.8379405593;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(342deg);
            transform: translate(87px, -48px) rotate(342deg);
    opacity: 0.8379405593;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(342deg);
            transform: translate(97.425px, -33.75px) rotate(342deg);
    opacity: 0.8379405593;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(342deg);
            transform: translate(108.225px, -15px) rotate(342deg);
    opacity: 0.8379405593;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(342deg);
            transform: translate(119.55px, 8.625px) rotate(342deg);
    opacity: 0.4189702796;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(342deg);
            transform: translate(131.25px, 37.5px) rotate(342deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-66 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(50deg);
            transform: translate(0px, 0px) rotate(50deg);
    opacity: 1.1588763595;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(50deg);
            transform: translate(-3.15px, -7.5px) rotate(50deg);
    opacity: 1.1588763595;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(50deg);
            transform: translate(-7px, -14.4px) rotate(50deg);
    opacity: 1.1588763595;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(50deg);
            transform: translate(-11.525px, -19.675px) rotate(50deg);
    opacity: 1.1588763595;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(50deg);
            transform: translate(-14.05px, -21.4px) rotate(50deg);
    opacity: 1.1588763595;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(50deg);
            transform: translate(-16.725px, -22.35px) rotate(50deg);
    opacity: 1.1588763595;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(50deg);
            transform: translate(-19.55px, -22.4px) rotate(50deg);
    opacity: 1.1588763595;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(50deg);
            transform: translate(-22.55px, -21.45px) rotate(50deg);
    opacity: 1.1588763595;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(50deg);
            transform: translate(-25.7px, -19.35px) rotate(50deg);
    opacity: 1.1588763595;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(50deg);
            transform: translate(-29px, -16px) rotate(50deg);
    opacity: 1.1588763595;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(50deg);
            transform: translate(-32.475px, -11.25px) rotate(50deg);
    opacity: 1.1588763595;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(50deg);
            transform: translate(-36.075px, -5px) rotate(50deg);
    opacity: 1.1588763595;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(50deg);
            transform: translate(-39.85px, 2.875px) rotate(50deg);
    opacity: 0.5794381798;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(50deg);
            transform: translate(-43.75px, 12.5px) rotate(50deg);
    opacity: 0;
  }
}
@keyframes drop-right-66 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(50deg);
            transform: translate(0px, 0px) rotate(50deg);
    opacity: 1.1588763595;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(50deg);
            transform: translate(-3.15px, -7.5px) rotate(50deg);
    opacity: 1.1588763595;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(50deg);
            transform: translate(-7px, -14.4px) rotate(50deg);
    opacity: 1.1588763595;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(50deg);
            transform: translate(-11.525px, -19.675px) rotate(50deg);
    opacity: 1.1588763595;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(50deg);
            transform: translate(-14.05px, -21.4px) rotate(50deg);
    opacity: 1.1588763595;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(50deg);
            transform: translate(-16.725px, -22.35px) rotate(50deg);
    opacity: 1.1588763595;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(50deg);
            transform: translate(-19.55px, -22.4px) rotate(50deg);
    opacity: 1.1588763595;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(50deg);
            transform: translate(-22.55px, -21.45px) rotate(50deg);
    opacity: 1.1588763595;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(50deg);
            transform: translate(-25.7px, -19.35px) rotate(50deg);
    opacity: 1.1588763595;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(50deg);
            transform: translate(-29px, -16px) rotate(50deg);
    opacity: 1.1588763595;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(50deg);
            transform: translate(-32.475px, -11.25px) rotate(50deg);
    opacity: 1.1588763595;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(50deg);
            transform: translate(-36.075px, -5px) rotate(50deg);
    opacity: 1.1588763595;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(50deg);
            transform: translate(-39.85px, 2.875px) rotate(50deg);
    opacity: 0.5794381798;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(50deg);
            transform: translate(-43.75px, 12.5px) rotate(50deg);
    opacity: 0;
  }
}
.confetti-left-67,
.confetti-right-67 {
  width: 0.6px;
  height: 0.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-67 {
  -webkit-animation: drop-left-67 1.1465747108s 1.4107749258s 2 forwards;
          animation: drop-left-67 1.1465747108s 1.4107749258s 2 forwards;
}

.confetti-right-67 {
  -webkit-animation: drop-right-67 1.6910772822s 1.1922571041s 2 forwards;
          animation: drop-right-67 1.6910772822s 1.1922571041s 2 forwards;
}

@-webkit-keyframes drop-left-67 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(179deg);
            transform: translate(0px, 0px) rotate(179deg);
    opacity: 0.9957762902;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(179deg);
            transform: translate(31.5px, -75px) rotate(179deg);
    opacity: 0.9957762902;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(179deg);
            transform: translate(70px, -144px) rotate(179deg);
    opacity: 0.9957762902;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(179deg);
            transform: translate(115.25px, -196.75px) rotate(179deg);
    opacity: 0.9957762902;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(179deg);
            transform: translate(140.5px, -214px) rotate(179deg);
    opacity: 0.9957762902;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(179deg);
            transform: translate(167.25px, -223.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(179deg);
            transform: translate(195.5px, -224px) rotate(179deg);
    opacity: 0.9957762902;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(179deg);
            transform: translate(225.5px, -214.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(179deg);
            transform: translate(257px, -193.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(179deg);
            transform: translate(290px, -160px) rotate(179deg);
    opacity: 0.9957762902;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(179deg);
            transform: translate(324.75px, -112.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(179deg);
            transform: translate(360.75px, -50px) rotate(179deg);
    opacity: 0.9957762902;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(179deg);
            transform: translate(398.5px, 28.75px) rotate(179deg);
    opacity: 0.4978881451;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(179deg);
            transform: translate(437.5px, 125px) rotate(179deg);
    opacity: 0;
  }
}

@keyframes drop-left-67 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(179deg);
            transform: translate(0px, 0px) rotate(179deg);
    opacity: 0.9957762902;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(179deg);
            transform: translate(31.5px, -75px) rotate(179deg);
    opacity: 0.9957762902;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(179deg);
            transform: translate(70px, -144px) rotate(179deg);
    opacity: 0.9957762902;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(179deg);
            transform: translate(115.25px, -196.75px) rotate(179deg);
    opacity: 0.9957762902;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(179deg);
            transform: translate(140.5px, -214px) rotate(179deg);
    opacity: 0.9957762902;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(179deg);
            transform: translate(167.25px, -223.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(179deg);
            transform: translate(195.5px, -224px) rotate(179deg);
    opacity: 0.9957762902;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(179deg);
            transform: translate(225.5px, -214.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(179deg);
            transform: translate(257px, -193.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(179deg);
            transform: translate(290px, -160px) rotate(179deg);
    opacity: 0.9957762902;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(179deg);
            transform: translate(324.75px, -112.5px) rotate(179deg);
    opacity: 0.9957762902;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(179deg);
            transform: translate(360.75px, -50px) rotate(179deg);
    opacity: 0.9957762902;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(179deg);
            transform: translate(398.5px, 28.75px) rotate(179deg);
    opacity: 0.4978881451;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(179deg);
            transform: translate(437.5px, 125px) rotate(179deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-67 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(29deg);
            transform: translate(0px, 0px) rotate(29deg);
    opacity: 0.716230438;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(29deg);
            transform: translate(-9.45px, -22.5px) rotate(29deg);
    opacity: 0.716230438;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(29deg);
            transform: translate(-21px, -43.2px) rotate(29deg);
    opacity: 0.716230438;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(29deg);
            transform: translate(-34.575px, -59.025px) rotate(29deg);
    opacity: 0.716230438;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(29deg);
            transform: translate(-42.15px, -64.2px) rotate(29deg);
    opacity: 0.716230438;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(29deg);
            transform: translate(-50.175px, -67.05px) rotate(29deg);
    opacity: 0.716230438;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(29deg);
            transform: translate(-58.65px, -67.2px) rotate(29deg);
    opacity: 0.716230438;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(29deg);
            transform: translate(-67.65px, -64.35px) rotate(29deg);
    opacity: 0.716230438;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(29deg);
            transform: translate(-77.1px, -58.05px) rotate(29deg);
    opacity: 0.716230438;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(29deg);
            transform: translate(-87px, -48px) rotate(29deg);
    opacity: 0.716230438;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(29deg);
            transform: translate(-97.425px, -33.75px) rotate(29deg);
    opacity: 0.716230438;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(29deg);
            transform: translate(-108.225px, -15px) rotate(29deg);
    opacity: 0.716230438;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(29deg);
            transform: translate(-119.55px, 8.625px) rotate(29deg);
    opacity: 0.358115219;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(29deg);
            transform: translate(-131.25px, 37.5px) rotate(29deg);
    opacity: 0;
  }
}
@keyframes drop-right-67 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(29deg);
            transform: translate(0px, 0px) rotate(29deg);
    opacity: 0.716230438;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(29deg);
            transform: translate(-9.45px, -22.5px) rotate(29deg);
    opacity: 0.716230438;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(29deg);
            transform: translate(-21px, -43.2px) rotate(29deg);
    opacity: 0.716230438;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(29deg);
            transform: translate(-34.575px, -59.025px) rotate(29deg);
    opacity: 0.716230438;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(29deg);
            transform: translate(-42.15px, -64.2px) rotate(29deg);
    opacity: 0.716230438;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(29deg);
            transform: translate(-50.175px, -67.05px) rotate(29deg);
    opacity: 0.716230438;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(29deg);
            transform: translate(-58.65px, -67.2px) rotate(29deg);
    opacity: 0.716230438;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(29deg);
            transform: translate(-67.65px, -64.35px) rotate(29deg);
    opacity: 0.716230438;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(29deg);
            transform: translate(-77.1px, -58.05px) rotate(29deg);
    opacity: 0.716230438;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(29deg);
            transform: translate(-87px, -48px) rotate(29deg);
    opacity: 0.716230438;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(29deg);
            transform: translate(-97.425px, -33.75px) rotate(29deg);
    opacity: 0.716230438;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(29deg);
            transform: translate(-108.225px, -15px) rotate(29deg);
    opacity: 0.716230438;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(29deg);
            transform: translate(-119.55px, 8.625px) rotate(29deg);
    opacity: 0.358115219;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(29deg);
            transform: translate(-131.25px, 37.5px) rotate(29deg);
    opacity: 0;
  }
}
.confetti-left-68,
.confetti-right-68 {
  width: 18px;
  height: 7.2px;
  background-color: #8AB925;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-68 {
  -webkit-animation: drop-left-68 1.2713544203s 1.1624565403s 2 forwards;
          animation: drop-left-68 1.2713544203s 1.1624565403s 2 forwards;
}

.confetti-right-68 {
  -webkit-animation: drop-right-68 1.9638292217s 1.1113521859s 2 forwards;
          animation: drop-right-68 1.9638292217s 1.1113521859s 2 forwards;
}

@-webkit-keyframes drop-left-68 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(113deg);
            transform: translate(0px, 0px) rotate(113deg);
    opacity: 0.9386834272;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(113deg);
            transform: translate(15.75px, -37.5px) rotate(113deg);
    opacity: 0.9386834272;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(113deg);
            transform: translate(35px, -72px) rotate(113deg);
    opacity: 0.9386834272;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(113deg);
            transform: translate(57.625px, -98.375px) rotate(113deg);
    opacity: 0.9386834272;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(113deg);
            transform: translate(70.25px, -107px) rotate(113deg);
    opacity: 0.9386834272;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(113deg);
            transform: translate(83.625px, -111.75px) rotate(113deg);
    opacity: 0.9386834272;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(113deg);
            transform: translate(97.75px, -112px) rotate(113deg);
    opacity: 0.9386834272;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(113deg);
            transform: translate(112.75px, -107.25px) rotate(113deg);
    opacity: 0.9386834272;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(113deg);
            transform: translate(128.5px, -96.75px) rotate(113deg);
    opacity: 0.9386834272;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(113deg);
            transform: translate(145px, -80px) rotate(113deg);
    opacity: 0.9386834272;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(113deg);
            transform: translate(162.375px, -56.25px) rotate(113deg);
    opacity: 0.9386834272;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(113deg);
            transform: translate(180.375px, -25px) rotate(113deg);
    opacity: 0.9386834272;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(113deg);
            transform: translate(199.25px, 14.375px) rotate(113deg);
    opacity: 0.4693417136;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(113deg);
            transform: translate(218.75px, 62.5px) rotate(113deg);
    opacity: 0;
  }
}

@keyframes drop-left-68 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(113deg);
            transform: translate(0px, 0px) rotate(113deg);
    opacity: 0.9386834272;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(113deg);
            transform: translate(15.75px, -37.5px) rotate(113deg);
    opacity: 0.9386834272;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(113deg);
            transform: translate(35px, -72px) rotate(113deg);
    opacity: 0.9386834272;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(113deg);
            transform: translate(57.625px, -98.375px) rotate(113deg);
    opacity: 0.9386834272;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(113deg);
            transform: translate(70.25px, -107px) rotate(113deg);
    opacity: 0.9386834272;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(113deg);
            transform: translate(83.625px, -111.75px) rotate(113deg);
    opacity: 0.9386834272;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(113deg);
            transform: translate(97.75px, -112px) rotate(113deg);
    opacity: 0.9386834272;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(113deg);
            transform: translate(112.75px, -107.25px) rotate(113deg);
    opacity: 0.9386834272;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(113deg);
            transform: translate(128.5px, -96.75px) rotate(113deg);
    opacity: 0.9386834272;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(113deg);
            transform: translate(145px, -80px) rotate(113deg);
    opacity: 0.9386834272;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(113deg);
            transform: translate(162.375px, -56.25px) rotate(113deg);
    opacity: 0.9386834272;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(113deg);
            transform: translate(180.375px, -25px) rotate(113deg);
    opacity: 0.9386834272;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(113deg);
            transform: translate(199.25px, 14.375px) rotate(113deg);
    opacity: 0.4693417136;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(113deg);
            transform: translate(218.75px, 62.5px) rotate(113deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-68 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(253deg);
            transform: translate(0px, 0px) rotate(253deg);
    opacity: 0.6185215385;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(253deg);
            transform: translate(-3.15px, -7.5px) rotate(253deg);
    opacity: 0.6185215385;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(253deg);
            transform: translate(-7px, -14.4px) rotate(253deg);
    opacity: 0.6185215385;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(253deg);
            transform: translate(-11.525px, -19.675px) rotate(253deg);
    opacity: 0.6185215385;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(253deg);
            transform: translate(-14.05px, -21.4px) rotate(253deg);
    opacity: 0.6185215385;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(253deg);
            transform: translate(-16.725px, -22.35px) rotate(253deg);
    opacity: 0.6185215385;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(253deg);
            transform: translate(-19.55px, -22.4px) rotate(253deg);
    opacity: 0.6185215385;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(253deg);
            transform: translate(-22.55px, -21.45px) rotate(253deg);
    opacity: 0.6185215385;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(253deg);
            transform: translate(-25.7px, -19.35px) rotate(253deg);
    opacity: 0.6185215385;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(253deg);
            transform: translate(-29px, -16px) rotate(253deg);
    opacity: 0.6185215385;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(253deg);
            transform: translate(-32.475px, -11.25px) rotate(253deg);
    opacity: 0.6185215385;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(253deg);
            transform: translate(-36.075px, -5px) rotate(253deg);
    opacity: 0.6185215385;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(253deg);
            transform: translate(-39.85px, 2.875px) rotate(253deg);
    opacity: 0.3092607693;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(253deg);
            transform: translate(-43.75px, 12.5px) rotate(253deg);
    opacity: 0;
  }
}
@keyframes drop-right-68 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(253deg);
            transform: translate(0px, 0px) rotate(253deg);
    opacity: 0.6185215385;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(253deg);
            transform: translate(-3.15px, -7.5px) rotate(253deg);
    opacity: 0.6185215385;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(253deg);
            transform: translate(-7px, -14.4px) rotate(253deg);
    opacity: 0.6185215385;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(253deg);
            transform: translate(-11.525px, -19.675px) rotate(253deg);
    opacity: 0.6185215385;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(253deg);
            transform: translate(-14.05px, -21.4px) rotate(253deg);
    opacity: 0.6185215385;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(253deg);
            transform: translate(-16.725px, -22.35px) rotate(253deg);
    opacity: 0.6185215385;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(253deg);
            transform: translate(-19.55px, -22.4px) rotate(253deg);
    opacity: 0.6185215385;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(253deg);
            transform: translate(-22.55px, -21.45px) rotate(253deg);
    opacity: 0.6185215385;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(253deg);
            transform: translate(-25.7px, -19.35px) rotate(253deg);
    opacity: 0.6185215385;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(253deg);
            transform: translate(-29px, -16px) rotate(253deg);
    opacity: 0.6185215385;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(253deg);
            transform: translate(-32.475px, -11.25px) rotate(253deg);
    opacity: 0.6185215385;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(253deg);
            transform: translate(-36.075px, -5px) rotate(253deg);
    opacity: 0.6185215385;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(253deg);
            transform: translate(-39.85px, 2.875px) rotate(253deg);
    opacity: 0.3092607693;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(253deg);
            transform: translate(-43.75px, 12.5px) rotate(253deg);
    opacity: 0;
  }
}
.confetti-left-69,
.confetti-right-69 {
  background-color: transparent;
  border-bottom: 0.5px solid #F4BB2F;
  border-left: 0.25px solid transparent;
  border-right: 0.25px solid transparent;
  height: 0;
  width: 0.5px;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-69 {
  -webkit-animation: drop-left-69 1.7483349379s 0.935727059s 2 forwards;
          animation: drop-left-69 1.7483349379s 0.935727059s 2 forwards;
}

.confetti-right-69 {
  -webkit-animation: drop-right-69 1.4224153499s 0.8770323696s 2 forwards;
          animation: drop-right-69 1.4224153499s 0.8770323696s 2 forwards;
}

@-webkit-keyframes drop-left-69 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(61deg);
            transform: translate(0px, 0px) rotate(61deg);
    opacity: 0.9194555159;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(61deg);
            transform: translate(22.05px, -52.5px) rotate(61deg);
    opacity: 0.9194555159;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(61deg);
            transform: translate(49px, -100.8px) rotate(61deg);
    opacity: 0.9194555159;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(61deg);
            transform: translate(80.675px, -137.725px) rotate(61deg);
    opacity: 0.9194555159;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(61deg);
            transform: translate(98.35px, -149.8px) rotate(61deg);
    opacity: 0.9194555159;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(61deg);
            transform: translate(117.075px, -156.45px) rotate(61deg);
    opacity: 0.9194555159;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(61deg);
            transform: translate(136.85px, -156.8px) rotate(61deg);
    opacity: 0.9194555159;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(61deg);
            transform: translate(157.85px, -150.15px) rotate(61deg);
    opacity: 0.9194555159;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(61deg);
            transform: translate(179.9px, -135.45px) rotate(61deg);
    opacity: 0.9194555159;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(61deg);
            transform: translate(203px, -112px) rotate(61deg);
    opacity: 0.9194555159;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(61deg);
            transform: translate(227.325px, -78.75px) rotate(61deg);
    opacity: 0.9194555159;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(61deg);
            transform: translate(252.525px, -35px) rotate(61deg);
    opacity: 0.9194555159;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(61deg);
            transform: translate(278.95px, 20.125px) rotate(61deg);
    opacity: 0.459727758;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(61deg);
            transform: translate(306.25px, 87.5px) rotate(61deg);
    opacity: 0;
  }
}

@keyframes drop-left-69 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(61deg);
            transform: translate(0px, 0px) rotate(61deg);
    opacity: 0.9194555159;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(61deg);
            transform: translate(22.05px, -52.5px) rotate(61deg);
    opacity: 0.9194555159;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(61deg);
            transform: translate(49px, -100.8px) rotate(61deg);
    opacity: 0.9194555159;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(61deg);
            transform: translate(80.675px, -137.725px) rotate(61deg);
    opacity: 0.9194555159;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(61deg);
            transform: translate(98.35px, -149.8px) rotate(61deg);
    opacity: 0.9194555159;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(61deg);
            transform: translate(117.075px, -156.45px) rotate(61deg);
    opacity: 0.9194555159;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(61deg);
            transform: translate(136.85px, -156.8px) rotate(61deg);
    opacity: 0.9194555159;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(61deg);
            transform: translate(157.85px, -150.15px) rotate(61deg);
    opacity: 0.9194555159;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(61deg);
            transform: translate(179.9px, -135.45px) rotate(61deg);
    opacity: 0.9194555159;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(61deg);
            transform: translate(203px, -112px) rotate(61deg);
    opacity: 0.9194555159;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(61deg);
            transform: translate(227.325px, -78.75px) rotate(61deg);
    opacity: 0.9194555159;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(61deg);
            transform: translate(252.525px, -35px) rotate(61deg);
    opacity: 0.9194555159;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(61deg);
            transform: translate(278.95px, 20.125px) rotate(61deg);
    opacity: 0.459727758;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(61deg);
            transform: translate(306.25px, 87.5px) rotate(61deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-69 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(209deg);
            transform: translate(0px, 0px) rotate(209deg);
    opacity: 1.0534587213;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(209deg);
            transform: translate(-12.6px, -30px) rotate(209deg);
    opacity: 1.0534587213;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(209deg);
            transform: translate(-28px, -57.6px) rotate(209deg);
    opacity: 1.0534587213;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(209deg);
            transform: translate(-46.1px, -78.7px) rotate(209deg);
    opacity: 1.0534587213;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(209deg);
            transform: translate(-56.2px, -85.6px) rotate(209deg);
    opacity: 1.0534587213;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(209deg);
            transform: translate(-66.9px, -89.4px) rotate(209deg);
    opacity: 1.0534587213;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(209deg);
            transform: translate(-78.2px, -89.6px) rotate(209deg);
    opacity: 1.0534587213;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(209deg);
            transform: translate(-90.2px, -85.8px) rotate(209deg);
    opacity: 1.0534587213;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(209deg);
            transform: translate(-102.8px, -77.4px) rotate(209deg);
    opacity: 1.0534587213;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(209deg);
            transform: translate(-116px, -64px) rotate(209deg);
    opacity: 1.0534587213;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(209deg);
            transform: translate(-129.9px, -45px) rotate(209deg);
    opacity: 1.0534587213;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(209deg);
            transform: translate(-144.3px, -20px) rotate(209deg);
    opacity: 1.0534587213;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(209deg);
            transform: translate(-159.4px, 11.5px) rotate(209deg);
    opacity: 0.5267293606;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(209deg);
            transform: translate(-175px, 50px) rotate(209deg);
    opacity: 0;
  }
}
@keyframes drop-right-69 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(209deg);
            transform: translate(0px, 0px) rotate(209deg);
    opacity: 1.0534587213;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(209deg);
            transform: translate(-12.6px, -30px) rotate(209deg);
    opacity: 1.0534587213;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(209deg);
            transform: translate(-28px, -57.6px) rotate(209deg);
    opacity: 1.0534587213;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(209deg);
            transform: translate(-46.1px, -78.7px) rotate(209deg);
    opacity: 1.0534587213;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(209deg);
            transform: translate(-56.2px, -85.6px) rotate(209deg);
    opacity: 1.0534587213;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(209deg);
            transform: translate(-66.9px, -89.4px) rotate(209deg);
    opacity: 1.0534587213;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(209deg);
            transform: translate(-78.2px, -89.6px) rotate(209deg);
    opacity: 1.0534587213;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(209deg);
            transform: translate(-90.2px, -85.8px) rotate(209deg);
    opacity: 1.0534587213;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(209deg);
            transform: translate(-102.8px, -77.4px) rotate(209deg);
    opacity: 1.0534587213;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(209deg);
            transform: translate(-116px, -64px) rotate(209deg);
    opacity: 1.0534587213;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(209deg);
            transform: translate(-129.9px, -45px) rotate(209deg);
    opacity: 1.0534587213;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(209deg);
            transform: translate(-144.3px, -20px) rotate(209deg);
    opacity: 1.0534587213;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(209deg);
            transform: translate(-159.4px, 11.5px) rotate(209deg);
    opacity: 0.5267293606;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(209deg);
            transform: translate(-175px, 50px) rotate(209deg);
    opacity: 0;
  }
}
.confetti-left-70,
.confetti-right-70 {
  width: 10.2px;
  height: 10.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-70 {
  -webkit-animation: drop-left-70 1.0225628908s 0.7757097247s 2 forwards;
          animation: drop-left-70 1.0225628908s 0.7757097247s 2 forwards;
}

.confetti-right-70 {
  -webkit-animation: drop-right-70 1.8915512789s 0.6180374629s 2 forwards;
          animation: drop-right-70 1.8915512789s 0.6180374629s 2 forwards;
}

@-webkit-keyframes drop-left-70 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(12deg);
            transform: translate(0px, 0px) rotate(12deg);
    opacity: 0.9842050953;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(12deg);
            transform: translate(28.35px, -67.5px) rotate(12deg);
    opacity: 0.9842050953;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(12deg);
            transform: translate(63px, -129.6px) rotate(12deg);
    opacity: 0.9842050953;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(12deg);
            transform: translate(103.725px, -177.075px) rotate(12deg);
    opacity: 0.9842050953;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(12deg);
            transform: translate(126.45px, -192.6px) rotate(12deg);
    opacity: 0.9842050953;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(12deg);
            transform: translate(150.525px, -201.15px) rotate(12deg);
    opacity: 0.9842050953;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(12deg);
            transform: translate(175.95px, -201.6px) rotate(12deg);
    opacity: 0.9842050953;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(12deg);
            transform: translate(202.95px, -193.05px) rotate(12deg);
    opacity: 0.9842050953;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(12deg);
            transform: translate(231.3px, -174.15px) rotate(12deg);
    opacity: 0.9842050953;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(12deg);
            transform: translate(261px, -144px) rotate(12deg);
    opacity: 0.9842050953;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(12deg);
            transform: translate(292.275px, -101.25px) rotate(12deg);
    opacity: 0.9842050953;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(12deg);
            transform: translate(324.675px, -45px) rotate(12deg);
    opacity: 0.9842050953;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(12deg);
            transform: translate(358.65px, 25.875px) rotate(12deg);
    opacity: 0.4921025476;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(12deg);
            transform: translate(393.75px, 112.5px) rotate(12deg);
    opacity: 0;
  }
}

@keyframes drop-left-70 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(12deg);
            transform: translate(0px, 0px) rotate(12deg);
    opacity: 0.9842050953;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(12deg);
            transform: translate(28.35px, -67.5px) rotate(12deg);
    opacity: 0.9842050953;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(12deg);
            transform: translate(63px, -129.6px) rotate(12deg);
    opacity: 0.9842050953;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(12deg);
            transform: translate(103.725px, -177.075px) rotate(12deg);
    opacity: 0.9842050953;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(12deg);
            transform: translate(126.45px, -192.6px) rotate(12deg);
    opacity: 0.9842050953;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(12deg);
            transform: translate(150.525px, -201.15px) rotate(12deg);
    opacity: 0.9842050953;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(12deg);
            transform: translate(175.95px, -201.6px) rotate(12deg);
    opacity: 0.9842050953;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(12deg);
            transform: translate(202.95px, -193.05px) rotate(12deg);
    opacity: 0.9842050953;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(12deg);
            transform: translate(231.3px, -174.15px) rotate(12deg);
    opacity: 0.9842050953;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(12deg);
            transform: translate(261px, -144px) rotate(12deg);
    opacity: 0.9842050953;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(12deg);
            transform: translate(292.275px, -101.25px) rotate(12deg);
    opacity: 0.9842050953;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(12deg);
            transform: translate(324.675px, -45px) rotate(12deg);
    opacity: 0.9842050953;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(12deg);
            transform: translate(358.65px, 25.875px) rotate(12deg);
    opacity: 0.4921025476;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(12deg);
            transform: translate(393.75px, 112.5px) rotate(12deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-70 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(312deg);
            transform: translate(0px, 0px) rotate(312deg);
    opacity: 0.9483022684;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(312deg);
            transform: translate(-12.6px, -30px) rotate(312deg);
    opacity: 0.9483022684;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(312deg);
            transform: translate(-28px, -57.6px) rotate(312deg);
    opacity: 0.9483022684;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(312deg);
            transform: translate(-46.1px, -78.7px) rotate(312deg);
    opacity: 0.9483022684;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(312deg);
            transform: translate(-56.2px, -85.6px) rotate(312deg);
    opacity: 0.9483022684;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(312deg);
            transform: translate(-66.9px, -89.4px) rotate(312deg);
    opacity: 0.9483022684;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(312deg);
            transform: translate(-78.2px, -89.6px) rotate(312deg);
    opacity: 0.9483022684;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(312deg);
            transform: translate(-90.2px, -85.8px) rotate(312deg);
    opacity: 0.9483022684;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(312deg);
            transform: translate(-102.8px, -77.4px) rotate(312deg);
    opacity: 0.9483022684;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(312deg);
            transform: translate(-116px, -64px) rotate(312deg);
    opacity: 0.9483022684;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(312deg);
            transform: translate(-129.9px, -45px) rotate(312deg);
    opacity: 0.9483022684;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(312deg);
            transform: translate(-144.3px, -20px) rotate(312deg);
    opacity: 0.9483022684;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(312deg);
            transform: translate(-159.4px, 11.5px) rotate(312deg);
    opacity: 0.4741511342;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(312deg);
            transform: translate(-175px, 50px) rotate(312deg);
    opacity: 0;
  }
}
@keyframes drop-right-70 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(312deg);
            transform: translate(0px, 0px) rotate(312deg);
    opacity: 0.9483022684;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(312deg);
            transform: translate(-12.6px, -30px) rotate(312deg);
    opacity: 0.9483022684;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(312deg);
            transform: translate(-28px, -57.6px) rotate(312deg);
    opacity: 0.9483022684;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(312deg);
            transform: translate(-46.1px, -78.7px) rotate(312deg);
    opacity: 0.9483022684;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(312deg);
            transform: translate(-56.2px, -85.6px) rotate(312deg);
    opacity: 0.9483022684;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(312deg);
            transform: translate(-66.9px, -89.4px) rotate(312deg);
    opacity: 0.9483022684;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(312deg);
            transform: translate(-78.2px, -89.6px) rotate(312deg);
    opacity: 0.9483022684;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(312deg);
            transform: translate(-90.2px, -85.8px) rotate(312deg);
    opacity: 0.9483022684;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(312deg);
            transform: translate(-102.8px, -77.4px) rotate(312deg);
    opacity: 0.9483022684;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(312deg);
            transform: translate(-116px, -64px) rotate(312deg);
    opacity: 0.9483022684;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(312deg);
            transform: translate(-129.9px, -45px) rotate(312deg);
    opacity: 0.9483022684;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(312deg);
            transform: translate(-144.3px, -20px) rotate(312deg);
    opacity: 0.9483022684;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(312deg);
            transform: translate(-159.4px, 11.5px) rotate(312deg);
    opacity: 0.4741511342;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(312deg);
            transform: translate(-175px, 50px) rotate(312deg);
    opacity: 0;
  }
}
.confetti-left-71,
.confetti-right-71 {
  width: 4.2px;
  height: 4.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-71 {
  -webkit-animation: drop-left-71 1.2974966074s 1.1106947595s 2 forwards;
          animation: drop-left-71 1.2974966074s 1.1106947595s 2 forwards;
}

.confetti-right-71 {
  -webkit-animation: drop-right-71 1.5637042114s 1.0375997797s 2 forwards;
          animation: drop-right-71 1.5637042114s 1.0375997797s 2 forwards;
}

@-webkit-keyframes drop-left-71 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(295deg);
            transform: translate(0px, 0px) rotate(295deg);
    opacity: 1.2530404994;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(295deg);
            transform: translate(22.05px, -52.5px) rotate(295deg);
    opacity: 1.2530404994;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(295deg);
            transform: translate(49px, -100.8px) rotate(295deg);
    opacity: 1.2530404994;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(295deg);
            transform: translate(80.675px, -137.725px) rotate(295deg);
    opacity: 1.2530404994;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(295deg);
            transform: translate(98.35px, -149.8px) rotate(295deg);
    opacity: 1.2530404994;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(295deg);
            transform: translate(117.075px, -156.45px) rotate(295deg);
    opacity: 1.2530404994;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(295deg);
            transform: translate(136.85px, -156.8px) rotate(295deg);
    opacity: 1.2530404994;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(295deg);
            transform: translate(157.85px, -150.15px) rotate(295deg);
    opacity: 1.2530404994;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(295deg);
            transform: translate(179.9px, -135.45px) rotate(295deg);
    opacity: 1.2530404994;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(295deg);
            transform: translate(203px, -112px) rotate(295deg);
    opacity: 1.2530404994;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(295deg);
            transform: translate(227.325px, -78.75px) rotate(295deg);
    opacity: 1.2530404994;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(295deg);
            transform: translate(252.525px, -35px) rotate(295deg);
    opacity: 1.2530404994;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(295deg);
            transform: translate(278.95px, 20.125px) rotate(295deg);
    opacity: 0.6265202497;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(295deg);
            transform: translate(306.25px, 87.5px) rotate(295deg);
    opacity: 0;
  }
}

@keyframes drop-left-71 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(295deg);
            transform: translate(0px, 0px) rotate(295deg);
    opacity: 1.2530404994;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(295deg);
            transform: translate(22.05px, -52.5px) rotate(295deg);
    opacity: 1.2530404994;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(295deg);
            transform: translate(49px, -100.8px) rotate(295deg);
    opacity: 1.2530404994;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(295deg);
            transform: translate(80.675px, -137.725px) rotate(295deg);
    opacity: 1.2530404994;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(295deg);
            transform: translate(98.35px, -149.8px) rotate(295deg);
    opacity: 1.2530404994;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(295deg);
            transform: translate(117.075px, -156.45px) rotate(295deg);
    opacity: 1.2530404994;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(295deg);
            transform: translate(136.85px, -156.8px) rotate(295deg);
    opacity: 1.2530404994;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(295deg);
            transform: translate(157.85px, -150.15px) rotate(295deg);
    opacity: 1.2530404994;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(295deg);
            transform: translate(179.9px, -135.45px) rotate(295deg);
    opacity: 1.2530404994;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(295deg);
            transform: translate(203px, -112px) rotate(295deg);
    opacity: 1.2530404994;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(295deg);
            transform: translate(227.325px, -78.75px) rotate(295deg);
    opacity: 1.2530404994;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(295deg);
            transform: translate(252.525px, -35px) rotate(295deg);
    opacity: 1.2530404994;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(295deg);
            transform: translate(278.95px, 20.125px) rotate(295deg);
    opacity: 0.6265202497;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(295deg);
            transform: translate(306.25px, 87.5px) rotate(295deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-71 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(68deg);
            transform: translate(0px, 0px) rotate(68deg);
    opacity: 0.9096415156;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(68deg);
            transform: translate(-9.45px, -22.5px) rotate(68deg);
    opacity: 0.9096415156;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(68deg);
            transform: translate(-21px, -43.2px) rotate(68deg);
    opacity: 0.9096415156;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(68deg);
            transform: translate(-34.575px, -59.025px) rotate(68deg);
    opacity: 0.9096415156;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(68deg);
            transform: translate(-42.15px, -64.2px) rotate(68deg);
    opacity: 0.9096415156;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(68deg);
            transform: translate(-50.175px, -67.05px) rotate(68deg);
    opacity: 0.9096415156;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(68deg);
            transform: translate(-58.65px, -67.2px) rotate(68deg);
    opacity: 0.9096415156;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(68deg);
            transform: translate(-67.65px, -64.35px) rotate(68deg);
    opacity: 0.9096415156;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(68deg);
            transform: translate(-77.1px, -58.05px) rotate(68deg);
    opacity: 0.9096415156;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(68deg);
            transform: translate(-87px, -48px) rotate(68deg);
    opacity: 0.9096415156;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(68deg);
            transform: translate(-97.425px, -33.75px) rotate(68deg);
    opacity: 0.9096415156;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(68deg);
            transform: translate(-108.225px, -15px) rotate(68deg);
    opacity: 0.9096415156;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(68deg);
            transform: translate(-119.55px, 8.625px) rotate(68deg);
    opacity: 0.4548207578;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(68deg);
            transform: translate(-131.25px, 37.5px) rotate(68deg);
    opacity: 0;
  }
}
@keyframes drop-right-71 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(68deg);
            transform: translate(0px, 0px) rotate(68deg);
    opacity: 0.9096415156;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(68deg);
            transform: translate(-9.45px, -22.5px) rotate(68deg);
    opacity: 0.9096415156;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(68deg);
            transform: translate(-21px, -43.2px) rotate(68deg);
    opacity: 0.9096415156;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(68deg);
            transform: translate(-34.575px, -59.025px) rotate(68deg);
    opacity: 0.9096415156;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(68deg);
            transform: translate(-42.15px, -64.2px) rotate(68deg);
    opacity: 0.9096415156;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(68deg);
            transform: translate(-50.175px, -67.05px) rotate(68deg);
    opacity: 0.9096415156;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(68deg);
            transform: translate(-58.65px, -67.2px) rotate(68deg);
    opacity: 0.9096415156;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(68deg);
            transform: translate(-67.65px, -64.35px) rotate(68deg);
    opacity: 0.9096415156;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(68deg);
            transform: translate(-77.1px, -58.05px) rotate(68deg);
    opacity: 0.9096415156;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(68deg);
            transform: translate(-87px, -48px) rotate(68deg);
    opacity: 0.9096415156;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(68deg);
            transform: translate(-97.425px, -33.75px) rotate(68deg);
    opacity: 0.9096415156;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(68deg);
            transform: translate(-108.225px, -15px) rotate(68deg);
    opacity: 0.9096415156;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(68deg);
            transform: translate(-119.55px, 8.625px) rotate(68deg);
    opacity: 0.4548207578;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(68deg);
            transform: translate(-131.25px, 37.5px) rotate(68deg);
    opacity: 0;
  }
}
.confetti-left-72,
.confetti-right-72 {
  width: 1px;
  height: 0.4px;
  background-color: #765AA3;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-72 {
  -webkit-animation: drop-left-72 1.8576722709s 0.7233270413s 2 forwards;
          animation: drop-left-72 1.8576722709s 0.7233270413s 2 forwards;
}

.confetti-right-72 {
  -webkit-animation: drop-right-72 1.1733575773s 0.9970722452s 2 forwards;
          animation: drop-right-72 1.1733575773s 0.9970722452s 2 forwards;
}

@-webkit-keyframes drop-left-72 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(124deg);
            transform: translate(0px, 0px) rotate(124deg);
    opacity: 1.261474692;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(124deg);
            transform: translate(6.3px, -15px) rotate(124deg);
    opacity: 1.261474692;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(124deg);
            transform: translate(14px, -28.8px) rotate(124deg);
    opacity: 1.261474692;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(124deg);
            transform: translate(23.05px, -39.35px) rotate(124deg);
    opacity: 1.261474692;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(124deg);
            transform: translate(28.1px, -42.8px) rotate(124deg);
    opacity: 1.261474692;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(124deg);
            transform: translate(33.45px, -44.7px) rotate(124deg);
    opacity: 1.261474692;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(124deg);
            transform: translate(39.1px, -44.8px) rotate(124deg);
    opacity: 1.261474692;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(124deg);
            transform: translate(45.1px, -42.9px) rotate(124deg);
    opacity: 1.261474692;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(124deg);
            transform: translate(51.4px, -38.7px) rotate(124deg);
    opacity: 1.261474692;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(124deg);
            transform: translate(58px, -32px) rotate(124deg);
    opacity: 1.261474692;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(124deg);
            transform: translate(64.95px, -22.5px) rotate(124deg);
    opacity: 1.261474692;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(124deg);
            transform: translate(72.15px, -10px) rotate(124deg);
    opacity: 1.261474692;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(124deg);
            transform: translate(79.7px, 5.75px) rotate(124deg);
    opacity: 0.630737346;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(124deg);
            transform: translate(87.5px, 25px) rotate(124deg);
    opacity: 0;
  }
}

@keyframes drop-left-72 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(124deg);
            transform: translate(0px, 0px) rotate(124deg);
    opacity: 1.261474692;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(124deg);
            transform: translate(6.3px, -15px) rotate(124deg);
    opacity: 1.261474692;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(124deg);
            transform: translate(14px, -28.8px) rotate(124deg);
    opacity: 1.261474692;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(124deg);
            transform: translate(23.05px, -39.35px) rotate(124deg);
    opacity: 1.261474692;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(124deg);
            transform: translate(28.1px, -42.8px) rotate(124deg);
    opacity: 1.261474692;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(124deg);
            transform: translate(33.45px, -44.7px) rotate(124deg);
    opacity: 1.261474692;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(124deg);
            transform: translate(39.1px, -44.8px) rotate(124deg);
    opacity: 1.261474692;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(124deg);
            transform: translate(45.1px, -42.9px) rotate(124deg);
    opacity: 1.261474692;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(124deg);
            transform: translate(51.4px, -38.7px) rotate(124deg);
    opacity: 1.261474692;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(124deg);
            transform: translate(58px, -32px) rotate(124deg);
    opacity: 1.261474692;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(124deg);
            transform: translate(64.95px, -22.5px) rotate(124deg);
    opacity: 1.261474692;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(124deg);
            transform: translate(72.15px, -10px) rotate(124deg);
    opacity: 1.261474692;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(124deg);
            transform: translate(79.7px, 5.75px) rotate(124deg);
    opacity: 0.630737346;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(124deg);
            transform: translate(87.5px, 25px) rotate(124deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-72 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(336deg);
            transform: translate(0px, 0px) rotate(336deg);
    opacity: 1.1198294691;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(336deg);
            transform: translate(-3.15px, -7.5px) rotate(336deg);
    opacity: 1.1198294691;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(336deg);
            transform: translate(-7px, -14.4px) rotate(336deg);
    opacity: 1.1198294691;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(336deg);
            transform: translate(-11.525px, -19.675px) rotate(336deg);
    opacity: 1.1198294691;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(336deg);
            transform: translate(-14.05px, -21.4px) rotate(336deg);
    opacity: 1.1198294691;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(336deg);
            transform: translate(-16.725px, -22.35px) rotate(336deg);
    opacity: 1.1198294691;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(336deg);
            transform: translate(-19.55px, -22.4px) rotate(336deg);
    opacity: 1.1198294691;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(336deg);
            transform: translate(-22.55px, -21.45px) rotate(336deg);
    opacity: 1.1198294691;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(336deg);
            transform: translate(-25.7px, -19.35px) rotate(336deg);
    opacity: 1.1198294691;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(336deg);
            transform: translate(-29px, -16px) rotate(336deg);
    opacity: 1.1198294691;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(336deg);
            transform: translate(-32.475px, -11.25px) rotate(336deg);
    opacity: 1.1198294691;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(336deg);
            transform: translate(-36.075px, -5px) rotate(336deg);
    opacity: 1.1198294691;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(336deg);
            transform: translate(-39.85px, 2.875px) rotate(336deg);
    opacity: 0.5599147346;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(336deg);
            transform: translate(-43.75px, 12.5px) rotate(336deg);
    opacity: 0;
  }
}
@keyframes drop-right-72 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(336deg);
            transform: translate(0px, 0px) rotate(336deg);
    opacity: 1.1198294691;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(336deg);
            transform: translate(-3.15px, -7.5px) rotate(336deg);
    opacity: 1.1198294691;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(336deg);
            transform: translate(-7px, -14.4px) rotate(336deg);
    opacity: 1.1198294691;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(336deg);
            transform: translate(-11.525px, -19.675px) rotate(336deg);
    opacity: 1.1198294691;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(336deg);
            transform: translate(-14.05px, -21.4px) rotate(336deg);
    opacity: 1.1198294691;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(336deg);
            transform: translate(-16.725px, -22.35px) rotate(336deg);
    opacity: 1.1198294691;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(336deg);
            transform: translate(-19.55px, -22.4px) rotate(336deg);
    opacity: 1.1198294691;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(336deg);
            transform: translate(-22.55px, -21.45px) rotate(336deg);
    opacity: 1.1198294691;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(336deg);
            transform: translate(-25.7px, -19.35px) rotate(336deg);
    opacity: 1.1198294691;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(336deg);
            transform: translate(-29px, -16px) rotate(336deg);
    opacity: 1.1198294691;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(336deg);
            transform: translate(-32.475px, -11.25px) rotate(336deg);
    opacity: 1.1198294691;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(336deg);
            transform: translate(-36.075px, -5px) rotate(336deg);
    opacity: 1.1198294691;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(336deg);
            transform: translate(-39.85px, 2.875px) rotate(336deg);
    opacity: 0.5599147346;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(336deg);
            transform: translate(-43.75px, 12.5px) rotate(336deg);
    opacity: 0;
  }
}
.confetti-left-73,
.confetti-right-73 {
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-73 {
  -webkit-animation: drop-left-73 1.5756859549s 1.3487896789s 2 forwards;
          animation: drop-left-73 1.5756859549s 1.3487896789s 2 forwards;
}

.confetti-right-73 {
  -webkit-animation: drop-right-73 1.8484800328s 1.2887994669s 2 forwards;
          animation: drop-right-73 1.8484800328s 1.2887994669s 2 forwards;
}

@-webkit-keyframes drop-left-73 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(346deg);
            transform: translate(0px, 0px) rotate(346deg);
    opacity: 1.2492641486;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(346deg);
            transform: translate(15.75px, -37.5px) rotate(346deg);
    opacity: 1.2492641486;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(346deg);
            transform: translate(35px, -72px) rotate(346deg);
    opacity: 1.2492641486;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(346deg);
            transform: translate(57.625px, -98.375px) rotate(346deg);
    opacity: 1.2492641486;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(346deg);
            transform: translate(70.25px, -107px) rotate(346deg);
    opacity: 1.2492641486;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(346deg);
            transform: translate(83.625px, -111.75px) rotate(346deg);
    opacity: 1.2492641486;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(346deg);
            transform: translate(97.75px, -112px) rotate(346deg);
    opacity: 1.2492641486;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(346deg);
            transform: translate(112.75px, -107.25px) rotate(346deg);
    opacity: 1.2492641486;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(346deg);
            transform: translate(128.5px, -96.75px) rotate(346deg);
    opacity: 1.2492641486;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(346deg);
            transform: translate(145px, -80px) rotate(346deg);
    opacity: 1.2492641486;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(346deg);
            transform: translate(162.375px, -56.25px) rotate(346deg);
    opacity: 1.2492641486;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(346deg);
            transform: translate(180.375px, -25px) rotate(346deg);
    opacity: 1.2492641486;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(346deg);
            transform: translate(199.25px, 14.375px) rotate(346deg);
    opacity: 0.6246320743;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(346deg);
            transform: translate(218.75px, 62.5px) rotate(346deg);
    opacity: 0;
  }
}

@keyframes drop-left-73 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(346deg);
            transform: translate(0px, 0px) rotate(346deg);
    opacity: 1.2492641486;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(346deg);
            transform: translate(15.75px, -37.5px) rotate(346deg);
    opacity: 1.2492641486;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(346deg);
            transform: translate(35px, -72px) rotate(346deg);
    opacity: 1.2492641486;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(346deg);
            transform: translate(57.625px, -98.375px) rotate(346deg);
    opacity: 1.2492641486;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(346deg);
            transform: translate(70.25px, -107px) rotate(346deg);
    opacity: 1.2492641486;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(346deg);
            transform: translate(83.625px, -111.75px) rotate(346deg);
    opacity: 1.2492641486;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(346deg);
            transform: translate(97.75px, -112px) rotate(346deg);
    opacity: 1.2492641486;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(346deg);
            transform: translate(112.75px, -107.25px) rotate(346deg);
    opacity: 1.2492641486;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(346deg);
            transform: translate(128.5px, -96.75px) rotate(346deg);
    opacity: 1.2492641486;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(346deg);
            transform: translate(145px, -80px) rotate(346deg);
    opacity: 1.2492641486;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(346deg);
            transform: translate(162.375px, -56.25px) rotate(346deg);
    opacity: 1.2492641486;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(346deg);
            transform: translate(180.375px, -25px) rotate(346deg);
    opacity: 1.2492641486;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(346deg);
            transform: translate(199.25px, 14.375px) rotate(346deg);
    opacity: 0.6246320743;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(346deg);
            transform: translate(218.75px, 62.5px) rotate(346deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-73 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(336deg);
            transform: translate(0px, 0px) rotate(336deg);
    opacity: 1.3406652259;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(336deg);
            transform: translate(-9.45px, -22.5px) rotate(336deg);
    opacity: 1.3406652259;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(336deg);
            transform: translate(-21px, -43.2px) rotate(336deg);
    opacity: 1.3406652259;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(336deg);
            transform: translate(-34.575px, -59.025px) rotate(336deg);
    opacity: 1.3406652259;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(336deg);
            transform: translate(-42.15px, -64.2px) rotate(336deg);
    opacity: 1.3406652259;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(336deg);
            transform: translate(-50.175px, -67.05px) rotate(336deg);
    opacity: 1.3406652259;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(336deg);
            transform: translate(-58.65px, -67.2px) rotate(336deg);
    opacity: 1.3406652259;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(336deg);
            transform: translate(-67.65px, -64.35px) rotate(336deg);
    opacity: 1.3406652259;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(336deg);
            transform: translate(-77.1px, -58.05px) rotate(336deg);
    opacity: 1.3406652259;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(336deg);
            transform: translate(-87px, -48px) rotate(336deg);
    opacity: 1.3406652259;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(336deg);
            transform: translate(-97.425px, -33.75px) rotate(336deg);
    opacity: 1.3406652259;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(336deg);
            transform: translate(-108.225px, -15px) rotate(336deg);
    opacity: 1.3406652259;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(336deg);
            transform: translate(-119.55px, 8.625px) rotate(336deg);
    opacity: 0.670332613;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(336deg);
            transform: translate(-131.25px, 37.5px) rotate(336deg);
    opacity: 0;
  }
}
@keyframes drop-right-73 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(336deg);
            transform: translate(0px, 0px) rotate(336deg);
    opacity: 1.3406652259;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(336deg);
            transform: translate(-9.45px, -22.5px) rotate(336deg);
    opacity: 1.3406652259;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(336deg);
            transform: translate(-21px, -43.2px) rotate(336deg);
    opacity: 1.3406652259;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(336deg);
            transform: translate(-34.575px, -59.025px) rotate(336deg);
    opacity: 1.3406652259;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(336deg);
            transform: translate(-42.15px, -64.2px) rotate(336deg);
    opacity: 1.3406652259;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(336deg);
            transform: translate(-50.175px, -67.05px) rotate(336deg);
    opacity: 1.3406652259;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(336deg);
            transform: translate(-58.65px, -67.2px) rotate(336deg);
    opacity: 1.3406652259;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(336deg);
            transform: translate(-67.65px, -64.35px) rotate(336deg);
    opacity: 1.3406652259;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(336deg);
            transform: translate(-77.1px, -58.05px) rotate(336deg);
    opacity: 1.3406652259;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(336deg);
            transform: translate(-87px, -48px) rotate(336deg);
    opacity: 1.3406652259;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(336deg);
            transform: translate(-97.425px, -33.75px) rotate(336deg);
    opacity: 1.3406652259;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(336deg);
            transform: translate(-108.225px, -15px) rotate(336deg);
    opacity: 1.3406652259;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(336deg);
            transform: translate(-119.55px, 8.625px) rotate(336deg);
    opacity: 0.670332613;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(336deg);
            transform: translate(-131.25px, 37.5px) rotate(336deg);
    opacity: 0;
  }
}
.confetti-left-74,
.confetti-right-74 {
  width: 11px;
  height: 4.4px;
  background-color: #E61D47;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-74 {
  -webkit-animation: drop-left-74 1.6140882593s 0.8775208032s 2 forwards;
          animation: drop-left-74 1.6140882593s 0.8775208032s 2 forwards;
}

.confetti-right-74 {
  -webkit-animation: drop-right-74 1.6931763651s 1.024904408s 2 forwards;
          animation: drop-right-74 1.6931763651s 1.024904408s 2 forwards;
}

@-webkit-keyframes drop-left-74 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(2deg);
            transform: translate(0px, 0px) rotate(2deg);
    opacity: 1.0231903153;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(2deg);
            transform: translate(31.5px, -75px) rotate(2deg);
    opacity: 1.0231903153;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(2deg);
            transform: translate(70px, -144px) rotate(2deg);
    opacity: 1.0231903153;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(2deg);
            transform: translate(115.25px, -196.75px) rotate(2deg);
    opacity: 1.0231903153;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(2deg);
            transform: translate(140.5px, -214px) rotate(2deg);
    opacity: 1.0231903153;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(2deg);
            transform: translate(167.25px, -223.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(2deg);
            transform: translate(195.5px, -224px) rotate(2deg);
    opacity: 1.0231903153;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(2deg);
            transform: translate(225.5px, -214.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(2deg);
            transform: translate(257px, -193.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(2deg);
            transform: translate(290px, -160px) rotate(2deg);
    opacity: 1.0231903153;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(2deg);
            transform: translate(324.75px, -112.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(2deg);
            transform: translate(360.75px, -50px) rotate(2deg);
    opacity: 1.0231903153;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(2deg);
            transform: translate(398.5px, 28.75px) rotate(2deg);
    opacity: 0.5115951577;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(2deg);
            transform: translate(437.5px, 125px) rotate(2deg);
    opacity: 0;
  }
}

@keyframes drop-left-74 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(2deg);
            transform: translate(0px, 0px) rotate(2deg);
    opacity: 1.0231903153;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(2deg);
            transform: translate(31.5px, -75px) rotate(2deg);
    opacity: 1.0231903153;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(2deg);
            transform: translate(70px, -144px) rotate(2deg);
    opacity: 1.0231903153;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(2deg);
            transform: translate(115.25px, -196.75px) rotate(2deg);
    opacity: 1.0231903153;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(2deg);
            transform: translate(140.5px, -214px) rotate(2deg);
    opacity: 1.0231903153;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(2deg);
            transform: translate(167.25px, -223.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(2deg);
            transform: translate(195.5px, -224px) rotate(2deg);
    opacity: 1.0231903153;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(2deg);
            transform: translate(225.5px, -214.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(2deg);
            transform: translate(257px, -193.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(2deg);
            transform: translate(290px, -160px) rotate(2deg);
    opacity: 1.0231903153;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(2deg);
            transform: translate(324.75px, -112.5px) rotate(2deg);
    opacity: 1.0231903153;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(2deg);
            transform: translate(360.75px, -50px) rotate(2deg);
    opacity: 1.0231903153;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(2deg);
            transform: translate(398.5px, 28.75px) rotate(2deg);
    opacity: 0.5115951577;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(2deg);
            transform: translate(437.5px, 125px) rotate(2deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-74 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(130deg);
            transform: translate(0px, 0px) rotate(130deg);
    opacity: 0.5535816318;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(130deg);
            transform: translate(-3.15px, -7.5px) rotate(130deg);
    opacity: 0.5535816318;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(130deg);
            transform: translate(-7px, -14.4px) rotate(130deg);
    opacity: 0.5535816318;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(130deg);
            transform: translate(-11.525px, -19.675px) rotate(130deg);
    opacity: 0.5535816318;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(130deg);
            transform: translate(-14.05px, -21.4px) rotate(130deg);
    opacity: 0.5535816318;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(130deg);
            transform: translate(-16.725px, -22.35px) rotate(130deg);
    opacity: 0.5535816318;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(130deg);
            transform: translate(-19.55px, -22.4px) rotate(130deg);
    opacity: 0.5535816318;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(130deg);
            transform: translate(-22.55px, -21.45px) rotate(130deg);
    opacity: 0.5535816318;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(130deg);
            transform: translate(-25.7px, -19.35px) rotate(130deg);
    opacity: 0.5535816318;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(130deg);
            transform: translate(-29px, -16px) rotate(130deg);
    opacity: 0.5535816318;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(130deg);
            transform: translate(-32.475px, -11.25px) rotate(130deg);
    opacity: 0.5535816318;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(130deg);
            transform: translate(-36.075px, -5px) rotate(130deg);
    opacity: 0.5535816318;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(130deg);
            transform: translate(-39.85px, 2.875px) rotate(130deg);
    opacity: 0.2767908159;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(130deg);
            transform: translate(-43.75px, 12.5px) rotate(130deg);
    opacity: 0;
  }
}
@keyframes drop-right-74 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(130deg);
            transform: translate(0px, 0px) rotate(130deg);
    opacity: 0.5535816318;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(130deg);
            transform: translate(-3.15px, -7.5px) rotate(130deg);
    opacity: 0.5535816318;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(130deg);
            transform: translate(-7px, -14.4px) rotate(130deg);
    opacity: 0.5535816318;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(130deg);
            transform: translate(-11.525px, -19.675px) rotate(130deg);
    opacity: 0.5535816318;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(130deg);
            transform: translate(-14.05px, -21.4px) rotate(130deg);
    opacity: 0.5535816318;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(130deg);
            transform: translate(-16.725px, -22.35px) rotate(130deg);
    opacity: 0.5535816318;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(130deg);
            transform: translate(-19.55px, -22.4px) rotate(130deg);
    opacity: 0.5535816318;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(130deg);
            transform: translate(-22.55px, -21.45px) rotate(130deg);
    opacity: 0.5535816318;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(130deg);
            transform: translate(-25.7px, -19.35px) rotate(130deg);
    opacity: 0.5535816318;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(130deg);
            transform: translate(-29px, -16px) rotate(130deg);
    opacity: 0.5535816318;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(130deg);
            transform: translate(-32.475px, -11.25px) rotate(130deg);
    opacity: 0.5535816318;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(130deg);
            transform: translate(-36.075px, -5px) rotate(130deg);
    opacity: 0.5535816318;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(130deg);
            transform: translate(-39.85px, 2.875px) rotate(130deg);
    opacity: 0.2767908159;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(130deg);
            transform: translate(-43.75px, 12.5px) rotate(130deg);
    opacity: 0;
  }
}
.confetti-left-75,
.confetti-right-75 {
  width: 14px;
  height: 5.6px;
  background-color: #765AA3;
  top: calc(25% - 14px);
  left: calc(50% - 4.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-75 {
  -webkit-animation: drop-left-75 1.7554626915s 0.5205041406s 2 forwards;
          animation: drop-left-75 1.7554626915s 0.5205041406s 2 forwards;
}

.confetti-right-75 {
  -webkit-animation: drop-right-75 1.8253199147s 1.4389755178s 2 forwards;
          animation: drop-right-75 1.8253199147s 1.4389755178s 2 forwards;
}

@-webkit-keyframes drop-left-75 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(245deg);
            transform: translate(0px, 0px) rotate(245deg);
    opacity: 1.4662851068;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(245deg);
            transform: translate(22.05px, -52.5px) rotate(245deg);
    opacity: 1.4662851068;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(245deg);
            transform: translate(49px, -100.8px) rotate(245deg);
    opacity: 1.4662851068;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(245deg);
            transform: translate(80.675px, -137.725px) rotate(245deg);
    opacity: 1.4662851068;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(245deg);
            transform: translate(98.35px, -149.8px) rotate(245deg);
    opacity: 1.4662851068;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(245deg);
            transform: translate(117.075px, -156.45px) rotate(245deg);
    opacity: 1.4662851068;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(245deg);
            transform: translate(136.85px, -156.8px) rotate(245deg);
    opacity: 1.4662851068;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(245deg);
            transform: translate(157.85px, -150.15px) rotate(245deg);
    opacity: 1.4662851068;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(245deg);
            transform: translate(179.9px, -135.45px) rotate(245deg);
    opacity: 1.4662851068;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(245deg);
            transform: translate(203px, -112px) rotate(245deg);
    opacity: 1.4662851068;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(245deg);
            transform: translate(227.325px, -78.75px) rotate(245deg);
    opacity: 1.4662851068;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(245deg);
            transform: translate(252.525px, -35px) rotate(245deg);
    opacity: 1.4662851068;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(245deg);
            transform: translate(278.95px, 20.125px) rotate(245deg);
    opacity: 0.7331425534;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(245deg);
            transform: translate(306.25px, 87.5px) rotate(245deg);
    opacity: 0;
  }
}

@keyframes drop-left-75 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(245deg);
            transform: translate(0px, 0px) rotate(245deg);
    opacity: 1.4662851068;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(245deg);
            transform: translate(22.05px, -52.5px) rotate(245deg);
    opacity: 1.4662851068;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(245deg);
            transform: translate(49px, -100.8px) rotate(245deg);
    opacity: 1.4662851068;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(245deg);
            transform: translate(80.675px, -137.725px) rotate(245deg);
    opacity: 1.4662851068;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(245deg);
            transform: translate(98.35px, -149.8px) rotate(245deg);
    opacity: 1.4662851068;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(245deg);
            transform: translate(117.075px, -156.45px) rotate(245deg);
    opacity: 1.4662851068;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(245deg);
            transform: translate(136.85px, -156.8px) rotate(245deg);
    opacity: 1.4662851068;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(245deg);
            transform: translate(157.85px, -150.15px) rotate(245deg);
    opacity: 1.4662851068;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(245deg);
            transform: translate(179.9px, -135.45px) rotate(245deg);
    opacity: 1.4662851068;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(245deg);
            transform: translate(203px, -112px) rotate(245deg);
    opacity: 1.4662851068;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(245deg);
            transform: translate(227.325px, -78.75px) rotate(245deg);
    opacity: 1.4662851068;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(245deg);
            transform: translate(252.525px, -35px) rotate(245deg);
    opacity: 1.4662851068;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(245deg);
            transform: translate(278.95px, 20.125px) rotate(245deg);
    opacity: 0.7331425534;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(245deg);
            transform: translate(306.25px, 87.5px) rotate(245deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-75 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 0.8152748968;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(292deg);
            transform: translate(-6.3px, -15px) rotate(292deg);
    opacity: 0.8152748968;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(292deg);
            transform: translate(-14px, -28.8px) rotate(292deg);
    opacity: 0.8152748968;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(292deg);
            transform: translate(-23.05px, -39.35px) rotate(292deg);
    opacity: 0.8152748968;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(292deg);
            transform: translate(-28.1px, -42.8px) rotate(292deg);
    opacity: 0.8152748968;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(292deg);
            transform: translate(-33.45px, -44.7px) rotate(292deg);
    opacity: 0.8152748968;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(292deg);
            transform: translate(-39.1px, -44.8px) rotate(292deg);
    opacity: 0.8152748968;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(292deg);
            transform: translate(-45.1px, -42.9px) rotate(292deg);
    opacity: 0.8152748968;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(292deg);
            transform: translate(-51.4px, -38.7px) rotate(292deg);
    opacity: 0.8152748968;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(292deg);
            transform: translate(-58px, -32px) rotate(292deg);
    opacity: 0.8152748968;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(292deg);
            transform: translate(-64.95px, -22.5px) rotate(292deg);
    opacity: 0.8152748968;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(292deg);
            transform: translate(-72.15px, -10px) rotate(292deg);
    opacity: 0.8152748968;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(292deg);
            transform: translate(-79.7px, 5.75px) rotate(292deg);
    opacity: 0.4076374484;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(292deg);
            transform: translate(-87.5px, 25px) rotate(292deg);
    opacity: 0;
  }
}
@keyframes drop-right-75 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 0.8152748968;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(292deg);
            transform: translate(-6.3px, -15px) rotate(292deg);
    opacity: 0.8152748968;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(292deg);
            transform: translate(-14px, -28.8px) rotate(292deg);
    opacity: 0.8152748968;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(292deg);
            transform: translate(-23.05px, -39.35px) rotate(292deg);
    opacity: 0.8152748968;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(292deg);
            transform: translate(-28.1px, -42.8px) rotate(292deg);
    opacity: 0.8152748968;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(292deg);
            transform: translate(-33.45px, -44.7px) rotate(292deg);
    opacity: 0.8152748968;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(292deg);
            transform: translate(-39.1px, -44.8px) rotate(292deg);
    opacity: 0.8152748968;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(292deg);
            transform: translate(-45.1px, -42.9px) rotate(292deg);
    opacity: 0.8152748968;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(292deg);
            transform: translate(-51.4px, -38.7px) rotate(292deg);
    opacity: 0.8152748968;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(292deg);
            transform: translate(-58px, -32px) rotate(292deg);
    opacity: 0.8152748968;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(292deg);
            transform: translate(-64.95px, -22.5px) rotate(292deg);
    opacity: 0.8152748968;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(292deg);
            transform: translate(-72.15px, -10px) rotate(292deg);
    opacity: 0.8152748968;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(292deg);
            transform: translate(-79.7px, 5.75px) rotate(292deg);
    opacity: 0.4076374484;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(292deg);
            transform: translate(-87.5px, 25px) rotate(292deg);
    opacity: 0;
  }
}
.confetti-left-76,
.confetti-right-76 {
  background-color: transparent;
  border-bottom: 1px solid #8AB925;
  border-left: 0.5px solid transparent;
  border-right: 0.5px solid transparent;
  height: 0;
  width: 1px;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-76 {
  -webkit-animation: drop-left-76 1.2797601212s 0.6611943693s 2 forwards;
          animation: drop-left-76 1.2797601212s 0.6611943693s 2 forwards;
}

.confetti-right-76 {
  -webkit-animation: drop-right-76 1.231225166s 0.5937017067s 2 forwards;
          animation: drop-right-76 1.231225166s 0.5937017067s 2 forwards;
}

@-webkit-keyframes drop-left-76 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(189deg);
            transform: translate(0px, 0px) rotate(189deg);
    opacity: 1.0586292099;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(189deg);
            transform: translate(15.75px, -37.5px) rotate(189deg);
    opacity: 1.0586292099;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(189deg);
            transform: translate(35px, -72px) rotate(189deg);
    opacity: 1.0586292099;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(189deg);
            transform: translate(57.625px, -98.375px) rotate(189deg);
    opacity: 1.0586292099;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(189deg);
            transform: translate(70.25px, -107px) rotate(189deg);
    opacity: 1.0586292099;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(189deg);
            transform: translate(83.625px, -111.75px) rotate(189deg);
    opacity: 1.0586292099;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(189deg);
            transform: translate(97.75px, -112px) rotate(189deg);
    opacity: 1.0586292099;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(189deg);
            transform: translate(112.75px, -107.25px) rotate(189deg);
    opacity: 1.0586292099;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(189deg);
            transform: translate(128.5px, -96.75px) rotate(189deg);
    opacity: 1.0586292099;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(189deg);
            transform: translate(145px, -80px) rotate(189deg);
    opacity: 1.0586292099;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(189deg);
            transform: translate(162.375px, -56.25px) rotate(189deg);
    opacity: 1.0586292099;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(189deg);
            transform: translate(180.375px, -25px) rotate(189deg);
    opacity: 1.0586292099;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(189deg);
            transform: translate(199.25px, 14.375px) rotate(189deg);
    opacity: 0.529314605;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(189deg);
            transform: translate(218.75px, 62.5px) rotate(189deg);
    opacity: 0;
  }
}

@keyframes drop-left-76 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(189deg);
            transform: translate(0px, 0px) rotate(189deg);
    opacity: 1.0586292099;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(189deg);
            transform: translate(15.75px, -37.5px) rotate(189deg);
    opacity: 1.0586292099;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(189deg);
            transform: translate(35px, -72px) rotate(189deg);
    opacity: 1.0586292099;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(189deg);
            transform: translate(57.625px, -98.375px) rotate(189deg);
    opacity: 1.0586292099;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(189deg);
            transform: translate(70.25px, -107px) rotate(189deg);
    opacity: 1.0586292099;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(189deg);
            transform: translate(83.625px, -111.75px) rotate(189deg);
    opacity: 1.0586292099;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(189deg);
            transform: translate(97.75px, -112px) rotate(189deg);
    opacity: 1.0586292099;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(189deg);
            transform: translate(112.75px, -107.25px) rotate(189deg);
    opacity: 1.0586292099;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(189deg);
            transform: translate(128.5px, -96.75px) rotate(189deg);
    opacity: 1.0586292099;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(189deg);
            transform: translate(145px, -80px) rotate(189deg);
    opacity: 1.0586292099;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(189deg);
            transform: translate(162.375px, -56.25px) rotate(189deg);
    opacity: 1.0586292099;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(189deg);
            transform: translate(180.375px, -25px) rotate(189deg);
    opacity: 1.0586292099;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(189deg);
            transform: translate(199.25px, 14.375px) rotate(189deg);
    opacity: 0.529314605;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(189deg);
            transform: translate(218.75px, 62.5px) rotate(189deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-76 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 0.8192343709;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(187deg);
            transform: translate(-6.3px, -15px) rotate(187deg);
    opacity: 0.8192343709;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(187deg);
            transform: translate(-14px, -28.8px) rotate(187deg);
    opacity: 0.8192343709;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(187deg);
            transform: translate(-23.05px, -39.35px) rotate(187deg);
    opacity: 0.8192343709;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(187deg);
            transform: translate(-28.1px, -42.8px) rotate(187deg);
    opacity: 0.8192343709;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(187deg);
            transform: translate(-33.45px, -44.7px) rotate(187deg);
    opacity: 0.8192343709;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(187deg);
            transform: translate(-39.1px, -44.8px) rotate(187deg);
    opacity: 0.8192343709;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(187deg);
            transform: translate(-45.1px, -42.9px) rotate(187deg);
    opacity: 0.8192343709;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(187deg);
            transform: translate(-51.4px, -38.7px) rotate(187deg);
    opacity: 0.8192343709;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(187deg);
            transform: translate(-58px, -32px) rotate(187deg);
    opacity: 0.8192343709;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(187deg);
            transform: translate(-64.95px, -22.5px) rotate(187deg);
    opacity: 0.8192343709;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(187deg);
            transform: translate(-72.15px, -10px) rotate(187deg);
    opacity: 0.8192343709;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(187deg);
            transform: translate(-79.7px, 5.75px) rotate(187deg);
    opacity: 0.4096171855;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(187deg);
            transform: translate(-87.5px, 25px) rotate(187deg);
    opacity: 0;
  }
}
@keyframes drop-right-76 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 0.8192343709;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(187deg);
            transform: translate(-6.3px, -15px) rotate(187deg);
    opacity: 0.8192343709;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(187deg);
            transform: translate(-14px, -28.8px) rotate(187deg);
    opacity: 0.8192343709;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(187deg);
            transform: translate(-23.05px, -39.35px) rotate(187deg);
    opacity: 0.8192343709;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(187deg);
            transform: translate(-28.1px, -42.8px) rotate(187deg);
    opacity: 0.8192343709;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(187deg);
            transform: translate(-33.45px, -44.7px) rotate(187deg);
    opacity: 0.8192343709;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(187deg);
            transform: translate(-39.1px, -44.8px) rotate(187deg);
    opacity: 0.8192343709;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(187deg);
            transform: translate(-45.1px, -42.9px) rotate(187deg);
    opacity: 0.8192343709;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(187deg);
            transform: translate(-51.4px, -38.7px) rotate(187deg);
    opacity: 0.8192343709;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(187deg);
            transform: translate(-58px, -32px) rotate(187deg);
    opacity: 0.8192343709;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(187deg);
            transform: translate(-64.95px, -22.5px) rotate(187deg);
    opacity: 0.8192343709;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(187deg);
            transform: translate(-72.15px, -10px) rotate(187deg);
    opacity: 0.8192343709;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(187deg);
            transform: translate(-79.7px, 5.75px) rotate(187deg);
    opacity: 0.4096171855;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(187deg);
            transform: translate(-87.5px, 25px) rotate(187deg);
    opacity: 0;
  }
}
.confetti-left-77,
.confetti-right-77 {
  width: 16px;
  height: 6.4px;
  background-color: #E61D47;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-77 {
  -webkit-animation: drop-left-77 1.1624717203s 0.8544256098s 2 forwards;
          animation: drop-left-77 1.1624717203s 0.8544256098s 2 forwards;
}

.confetti-right-77 {
  -webkit-animation: drop-right-77 1.6207689836s 0.7486995014s 2 forwards;
          animation: drop-right-77 1.6207689836s 0.7486995014s 2 forwards;
}

@-webkit-keyframes drop-left-77 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(92deg);
            transform: translate(0px, 0px) rotate(92deg);
    opacity: 1.2309781543;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(92deg);
            transform: translate(25.2px, -60px) rotate(92deg);
    opacity: 1.2309781543;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(92deg);
            transform: translate(56px, -115.2px) rotate(92deg);
    opacity: 1.2309781543;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(92deg);
            transform: translate(92.2px, -157.4px) rotate(92deg);
    opacity: 1.2309781543;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(92deg);
            transform: translate(112.4px, -171.2px) rotate(92deg);
    opacity: 1.2309781543;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(92deg);
            transform: translate(133.8px, -178.8px) rotate(92deg);
    opacity: 1.2309781543;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(92deg);
            transform: translate(156.4px, -179.2px) rotate(92deg);
    opacity: 1.2309781543;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(92deg);
            transform: translate(180.4px, -171.6px) rotate(92deg);
    opacity: 1.2309781543;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(92deg);
            transform: translate(205.6px, -154.8px) rotate(92deg);
    opacity: 1.2309781543;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(92deg);
            transform: translate(232px, -128px) rotate(92deg);
    opacity: 1.2309781543;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(92deg);
            transform: translate(259.8px, -90px) rotate(92deg);
    opacity: 1.2309781543;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(92deg);
            transform: translate(288.6px, -40px) rotate(92deg);
    opacity: 1.2309781543;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(92deg);
            transform: translate(318.8px, 23px) rotate(92deg);
    opacity: 0.6154890771;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(92deg);
            transform: translate(350px, 100px) rotate(92deg);
    opacity: 0;
  }
}

@keyframes drop-left-77 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(92deg);
            transform: translate(0px, 0px) rotate(92deg);
    opacity: 1.2309781543;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(92deg);
            transform: translate(25.2px, -60px) rotate(92deg);
    opacity: 1.2309781543;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(92deg);
            transform: translate(56px, -115.2px) rotate(92deg);
    opacity: 1.2309781543;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(92deg);
            transform: translate(92.2px, -157.4px) rotate(92deg);
    opacity: 1.2309781543;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(92deg);
            transform: translate(112.4px, -171.2px) rotate(92deg);
    opacity: 1.2309781543;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(92deg);
            transform: translate(133.8px, -178.8px) rotate(92deg);
    opacity: 1.2309781543;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(92deg);
            transform: translate(156.4px, -179.2px) rotate(92deg);
    opacity: 1.2309781543;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(92deg);
            transform: translate(180.4px, -171.6px) rotate(92deg);
    opacity: 1.2309781543;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(92deg);
            transform: translate(205.6px, -154.8px) rotate(92deg);
    opacity: 1.2309781543;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(92deg);
            transform: translate(232px, -128px) rotate(92deg);
    opacity: 1.2309781543;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(92deg);
            transform: translate(259.8px, -90px) rotate(92deg);
    opacity: 1.2309781543;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(92deg);
            transform: translate(288.6px, -40px) rotate(92deg);
    opacity: 1.2309781543;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(92deg);
            transform: translate(318.8px, 23px) rotate(92deg);
    opacity: 0.6154890771;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(92deg);
            transform: translate(350px, 100px) rotate(92deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-77 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(147deg);
            transform: translate(0px, 0px) rotate(147deg);
    opacity: 1.4534239088;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(147deg);
            transform: translate(-31.5px, -75px) rotate(147deg);
    opacity: 1.4534239088;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(147deg);
            transform: translate(-70px, -144px) rotate(147deg);
    opacity: 1.4534239088;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(147deg);
            transform: translate(-115.25px, -196.75px) rotate(147deg);
    opacity: 1.4534239088;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(147deg);
            transform: translate(-140.5px, -214px) rotate(147deg);
    opacity: 1.4534239088;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(147deg);
            transform: translate(-167.25px, -223.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(147deg);
            transform: translate(-195.5px, -224px) rotate(147deg);
    opacity: 1.4534239088;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(147deg);
            transform: translate(-225.5px, -214.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(147deg);
            transform: translate(-257px, -193.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(147deg);
            transform: translate(-290px, -160px) rotate(147deg);
    opacity: 1.4534239088;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(147deg);
            transform: translate(-324.75px, -112.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(147deg);
            transform: translate(-360.75px, -50px) rotate(147deg);
    opacity: 1.4534239088;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(147deg);
            transform: translate(-398.5px, 28.75px) rotate(147deg);
    opacity: 0.7267119544;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(147deg);
            transform: translate(-437.5px, 125px) rotate(147deg);
    opacity: 0;
  }
}
@keyframes drop-right-77 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(147deg);
            transform: translate(0px, 0px) rotate(147deg);
    opacity: 1.4534239088;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(147deg);
            transform: translate(-31.5px, -75px) rotate(147deg);
    opacity: 1.4534239088;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(147deg);
            transform: translate(-70px, -144px) rotate(147deg);
    opacity: 1.4534239088;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(147deg);
            transform: translate(-115.25px, -196.75px) rotate(147deg);
    opacity: 1.4534239088;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(147deg);
            transform: translate(-140.5px, -214px) rotate(147deg);
    opacity: 1.4534239088;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(147deg);
            transform: translate(-167.25px, -223.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(147deg);
            transform: translate(-195.5px, -224px) rotate(147deg);
    opacity: 1.4534239088;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(147deg);
            transform: translate(-225.5px, -214.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(147deg);
            transform: translate(-257px, -193.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(147deg);
            transform: translate(-290px, -160px) rotate(147deg);
    opacity: 1.4534239088;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(147deg);
            transform: translate(-324.75px, -112.5px) rotate(147deg);
    opacity: 1.4534239088;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(147deg);
            transform: translate(-360.75px, -50px) rotate(147deg);
    opacity: 1.4534239088;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(147deg);
            transform: translate(-398.5px, 28.75px) rotate(147deg);
    opacity: 0.7267119544;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(147deg);
            transform: translate(-437.5px, 125px) rotate(147deg);
    opacity: 0;
  }
}
.confetti-left-78,
.confetti-right-78 {
  width: 1px;
  height: 0.4px;
  background-color: #F4BB2F;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-78 {
  -webkit-animation: drop-left-78 1.5187351775s 0.8542638136s 2 forwards;
          animation: drop-left-78 1.5187351775s 0.8542638136s 2 forwards;
}

.confetti-right-78 {
  -webkit-animation: drop-right-78 1.6792987809s 0.997552224s 2 forwards;
          animation: drop-right-78 1.6792987809s 0.997552224s 2 forwards;
}

@-webkit-keyframes drop-left-78 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(168deg);
            transform: translate(0px, 0px) rotate(168deg);
    opacity: 1.2814076751;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(168deg);
            transform: translate(3.15px, -7.5px) rotate(168deg);
    opacity: 1.2814076751;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(168deg);
            transform: translate(7px, -14.4px) rotate(168deg);
    opacity: 1.2814076751;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(168deg);
            transform: translate(11.525px, -19.675px) rotate(168deg);
    opacity: 1.2814076751;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(168deg);
            transform: translate(14.05px, -21.4px) rotate(168deg);
    opacity: 1.2814076751;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(168deg);
            transform: translate(16.725px, -22.35px) rotate(168deg);
    opacity: 1.2814076751;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(168deg);
            transform: translate(19.55px, -22.4px) rotate(168deg);
    opacity: 1.2814076751;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(168deg);
            transform: translate(22.55px, -21.45px) rotate(168deg);
    opacity: 1.2814076751;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(168deg);
            transform: translate(25.7px, -19.35px) rotate(168deg);
    opacity: 1.2814076751;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(168deg);
            transform: translate(29px, -16px) rotate(168deg);
    opacity: 1.2814076751;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(168deg);
            transform: translate(32.475px, -11.25px) rotate(168deg);
    opacity: 1.2814076751;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(168deg);
            transform: translate(36.075px, -5px) rotate(168deg);
    opacity: 1.2814076751;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(168deg);
            transform: translate(39.85px, 2.875px) rotate(168deg);
    opacity: 0.6407038376;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(168deg);
            transform: translate(43.75px, 12.5px) rotate(168deg);
    opacity: 0;
  }
}

@keyframes drop-left-78 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(168deg);
            transform: translate(0px, 0px) rotate(168deg);
    opacity: 1.2814076751;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(168deg);
            transform: translate(3.15px, -7.5px) rotate(168deg);
    opacity: 1.2814076751;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(168deg);
            transform: translate(7px, -14.4px) rotate(168deg);
    opacity: 1.2814076751;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(168deg);
            transform: translate(11.525px, -19.675px) rotate(168deg);
    opacity: 1.2814076751;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(168deg);
            transform: translate(14.05px, -21.4px) rotate(168deg);
    opacity: 1.2814076751;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(168deg);
            transform: translate(16.725px, -22.35px) rotate(168deg);
    opacity: 1.2814076751;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(168deg);
            transform: translate(19.55px, -22.4px) rotate(168deg);
    opacity: 1.2814076751;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(168deg);
            transform: translate(22.55px, -21.45px) rotate(168deg);
    opacity: 1.2814076751;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(168deg);
            transform: translate(25.7px, -19.35px) rotate(168deg);
    opacity: 1.2814076751;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(168deg);
            transform: translate(29px, -16px) rotate(168deg);
    opacity: 1.2814076751;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(168deg);
            transform: translate(32.475px, -11.25px) rotate(168deg);
    opacity: 1.2814076751;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(168deg);
            transform: translate(36.075px, -5px) rotate(168deg);
    opacity: 1.2814076751;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(168deg);
            transform: translate(39.85px, 2.875px) rotate(168deg);
    opacity: 0.6407038376;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(168deg);
            transform: translate(43.75px, 12.5px) rotate(168deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-78 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(288deg);
            transform: translate(0px, 0px) rotate(288deg);
    opacity: 1.2021987151;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(288deg);
            transform: translate(-25.2px, -60px) rotate(288deg);
    opacity: 1.2021987151;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(288deg);
            transform: translate(-56px, -115.2px) rotate(288deg);
    opacity: 1.2021987151;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(288deg);
            transform: translate(-92.2px, -157.4px) rotate(288deg);
    opacity: 1.2021987151;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(288deg);
            transform: translate(-112.4px, -171.2px) rotate(288deg);
    opacity: 1.2021987151;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(288deg);
            transform: translate(-133.8px, -178.8px) rotate(288deg);
    opacity: 1.2021987151;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(288deg);
            transform: translate(-156.4px, -179.2px) rotate(288deg);
    opacity: 1.2021987151;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(288deg);
            transform: translate(-180.4px, -171.6px) rotate(288deg);
    opacity: 1.2021987151;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(288deg);
            transform: translate(-205.6px, -154.8px) rotate(288deg);
    opacity: 1.2021987151;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(288deg);
            transform: translate(-232px, -128px) rotate(288deg);
    opacity: 1.2021987151;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(288deg);
            transform: translate(-259.8px, -90px) rotate(288deg);
    opacity: 1.2021987151;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(288deg);
            transform: translate(-288.6px, -40px) rotate(288deg);
    opacity: 1.2021987151;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(288deg);
            transform: translate(-318.8px, 23px) rotate(288deg);
    opacity: 0.6010993576;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(288deg);
            transform: translate(-350px, 100px) rotate(288deg);
    opacity: 0;
  }
}
@keyframes drop-right-78 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(288deg);
            transform: translate(0px, 0px) rotate(288deg);
    opacity: 1.2021987151;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(288deg);
            transform: translate(-25.2px, -60px) rotate(288deg);
    opacity: 1.2021987151;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(288deg);
            transform: translate(-56px, -115.2px) rotate(288deg);
    opacity: 1.2021987151;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(288deg);
            transform: translate(-92.2px, -157.4px) rotate(288deg);
    opacity: 1.2021987151;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(288deg);
            transform: translate(-112.4px, -171.2px) rotate(288deg);
    opacity: 1.2021987151;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(288deg);
            transform: translate(-133.8px, -178.8px) rotate(288deg);
    opacity: 1.2021987151;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(288deg);
            transform: translate(-156.4px, -179.2px) rotate(288deg);
    opacity: 1.2021987151;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(288deg);
            transform: translate(-180.4px, -171.6px) rotate(288deg);
    opacity: 1.2021987151;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(288deg);
            transform: translate(-205.6px, -154.8px) rotate(288deg);
    opacity: 1.2021987151;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(288deg);
            transform: translate(-232px, -128px) rotate(288deg);
    opacity: 1.2021987151;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(288deg);
            transform: translate(-259.8px, -90px) rotate(288deg);
    opacity: 1.2021987151;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(288deg);
            transform: translate(-288.6px, -40px) rotate(288deg);
    opacity: 1.2021987151;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(288deg);
            transform: translate(-318.8px, 23px) rotate(288deg);
    opacity: 0.6010993576;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(288deg);
            transform: translate(-350px, 100px) rotate(288deg);
    opacity: 0;
  }
}
.confetti-left-79,
.confetti-right-79 {
  width: 17px;
  height: 6.8px;
  background-color: #8AB925;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-79 {
  -webkit-animation: drop-left-79 1.4772713504s 0.7050153851s 2 forwards;
          animation: drop-left-79 1.4772713504s 0.7050153851s 2 forwards;
}

.confetti-right-79 {
  -webkit-animation: drop-right-79 1.4503881707s 0.6221288099s 2 forwards;
          animation: drop-right-79 1.4503881707s 0.6221288099s 2 forwards;
}

@-webkit-keyframes drop-left-79 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(302deg);
            transform: translate(0px, 0px) rotate(302deg);
    opacity: 0.8109865923;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(302deg);
            transform: translate(3.15px, -7.5px) rotate(302deg);
    opacity: 0.8109865923;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(302deg);
            transform: translate(7px, -14.4px) rotate(302deg);
    opacity: 0.8109865923;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(302deg);
            transform: translate(11.525px, -19.675px) rotate(302deg);
    opacity: 0.8109865923;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(302deg);
            transform: translate(14.05px, -21.4px) rotate(302deg);
    opacity: 0.8109865923;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(302deg);
            transform: translate(16.725px, -22.35px) rotate(302deg);
    opacity: 0.8109865923;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(302deg);
            transform: translate(19.55px, -22.4px) rotate(302deg);
    opacity: 0.8109865923;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(302deg);
            transform: translate(22.55px, -21.45px) rotate(302deg);
    opacity: 0.8109865923;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(302deg);
            transform: translate(25.7px, -19.35px) rotate(302deg);
    opacity: 0.8109865923;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(302deg);
            transform: translate(29px, -16px) rotate(302deg);
    opacity: 0.8109865923;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(302deg);
            transform: translate(32.475px, -11.25px) rotate(302deg);
    opacity: 0.8109865923;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(302deg);
            transform: translate(36.075px, -5px) rotate(302deg);
    opacity: 0.8109865923;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(302deg);
            transform: translate(39.85px, 2.875px) rotate(302deg);
    opacity: 0.4054932962;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(302deg);
            transform: translate(43.75px, 12.5px) rotate(302deg);
    opacity: 0;
  }
}

@keyframes drop-left-79 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(302deg);
            transform: translate(0px, 0px) rotate(302deg);
    opacity: 0.8109865923;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(302deg);
            transform: translate(3.15px, -7.5px) rotate(302deg);
    opacity: 0.8109865923;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(302deg);
            transform: translate(7px, -14.4px) rotate(302deg);
    opacity: 0.8109865923;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(302deg);
            transform: translate(11.525px, -19.675px) rotate(302deg);
    opacity: 0.8109865923;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(302deg);
            transform: translate(14.05px, -21.4px) rotate(302deg);
    opacity: 0.8109865923;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(302deg);
            transform: translate(16.725px, -22.35px) rotate(302deg);
    opacity: 0.8109865923;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(302deg);
            transform: translate(19.55px, -22.4px) rotate(302deg);
    opacity: 0.8109865923;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(302deg);
            transform: translate(22.55px, -21.45px) rotate(302deg);
    opacity: 0.8109865923;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(302deg);
            transform: translate(25.7px, -19.35px) rotate(302deg);
    opacity: 0.8109865923;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(302deg);
            transform: translate(29px, -16px) rotate(302deg);
    opacity: 0.8109865923;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(302deg);
            transform: translate(32.475px, -11.25px) rotate(302deg);
    opacity: 0.8109865923;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(302deg);
            transform: translate(36.075px, -5px) rotate(302deg);
    opacity: 0.8109865923;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(302deg);
            transform: translate(39.85px, 2.875px) rotate(302deg);
    opacity: 0.4054932962;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(302deg);
            transform: translate(43.75px, 12.5px) rotate(302deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-79 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(7deg);
            transform: translate(0px, 0px) rotate(7deg);
    opacity: 1.3259117272;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(7deg);
            transform: translate(-15.75px, -37.5px) rotate(7deg);
    opacity: 1.3259117272;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(7deg);
            transform: translate(-35px, -72px) rotate(7deg);
    opacity: 1.3259117272;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(7deg);
            transform: translate(-57.625px, -98.375px) rotate(7deg);
    opacity: 1.3259117272;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(7deg);
            transform: translate(-70.25px, -107px) rotate(7deg);
    opacity: 1.3259117272;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(7deg);
            transform: translate(-83.625px, -111.75px) rotate(7deg);
    opacity: 1.3259117272;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(7deg);
            transform: translate(-97.75px, -112px) rotate(7deg);
    opacity: 1.3259117272;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(7deg);
            transform: translate(-112.75px, -107.25px) rotate(7deg);
    opacity: 1.3259117272;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(7deg);
            transform: translate(-128.5px, -96.75px) rotate(7deg);
    opacity: 1.3259117272;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(7deg);
            transform: translate(-145px, -80px) rotate(7deg);
    opacity: 1.3259117272;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(7deg);
            transform: translate(-162.375px, -56.25px) rotate(7deg);
    opacity: 1.3259117272;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(7deg);
            transform: translate(-180.375px, -25px) rotate(7deg);
    opacity: 1.3259117272;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(7deg);
            transform: translate(-199.25px, 14.375px) rotate(7deg);
    opacity: 0.6629558636;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(7deg);
            transform: translate(-218.75px, 62.5px) rotate(7deg);
    opacity: 0;
  }
}
@keyframes drop-right-79 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(7deg);
            transform: translate(0px, 0px) rotate(7deg);
    opacity: 1.3259117272;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(7deg);
            transform: translate(-15.75px, -37.5px) rotate(7deg);
    opacity: 1.3259117272;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(7deg);
            transform: translate(-35px, -72px) rotate(7deg);
    opacity: 1.3259117272;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(7deg);
            transform: translate(-57.625px, -98.375px) rotate(7deg);
    opacity: 1.3259117272;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(7deg);
            transform: translate(-70.25px, -107px) rotate(7deg);
    opacity: 1.3259117272;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(7deg);
            transform: translate(-83.625px, -111.75px) rotate(7deg);
    opacity: 1.3259117272;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(7deg);
            transform: translate(-97.75px, -112px) rotate(7deg);
    opacity: 1.3259117272;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(7deg);
            transform: translate(-112.75px, -107.25px) rotate(7deg);
    opacity: 1.3259117272;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(7deg);
            transform: translate(-128.5px, -96.75px) rotate(7deg);
    opacity: 1.3259117272;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(7deg);
            transform: translate(-145px, -80px) rotate(7deg);
    opacity: 1.3259117272;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(7deg);
            transform: translate(-162.375px, -56.25px) rotate(7deg);
    opacity: 1.3259117272;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(7deg);
            transform: translate(-180.375px, -25px) rotate(7deg);
    opacity: 1.3259117272;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(7deg);
            transform: translate(-199.25px, 14.375px) rotate(7deg);
    opacity: 0.6629558636;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(7deg);
            transform: translate(-218.75px, 62.5px) rotate(7deg);
    opacity: 0;
  }
}
.confetti-left-80,
.confetti-right-80 {
  background-color: transparent;
  border-bottom: 9px solid #8AB925;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  height: 0;
  width: 9px;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-80 {
  -webkit-animation: drop-left-80 1.2596135208s 0.7085488911s 2 forwards;
          animation: drop-left-80 1.2596135208s 0.7085488911s 2 forwards;
}

.confetti-right-80 {
  -webkit-animation: drop-right-80 1.7782946519s 1.4301166367s 2 forwards;
          animation: drop-right-80 1.7782946519s 1.4301166367s 2 forwards;
}

@-webkit-keyframes drop-left-80 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(350deg);
            transform: translate(0px, 0px) rotate(350deg);
    opacity: 1.0172467875;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(350deg);
            transform: translate(31.5px, -75px) rotate(350deg);
    opacity: 1.0172467875;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(350deg);
            transform: translate(70px, -144px) rotate(350deg);
    opacity: 1.0172467875;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(350deg);
            transform: translate(115.25px, -196.75px) rotate(350deg);
    opacity: 1.0172467875;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(350deg);
            transform: translate(140.5px, -214px) rotate(350deg);
    opacity: 1.0172467875;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(350deg);
            transform: translate(167.25px, -223.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(350deg);
            transform: translate(195.5px, -224px) rotate(350deg);
    opacity: 1.0172467875;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(350deg);
            transform: translate(225.5px, -214.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(350deg);
            transform: translate(257px, -193.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(350deg);
            transform: translate(290px, -160px) rotate(350deg);
    opacity: 1.0172467875;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(350deg);
            transform: translate(324.75px, -112.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(350deg);
            transform: translate(360.75px, -50px) rotate(350deg);
    opacity: 1.0172467875;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(350deg);
            transform: translate(398.5px, 28.75px) rotate(350deg);
    opacity: 0.5086233938;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(350deg);
            transform: translate(437.5px, 125px) rotate(350deg);
    opacity: 0;
  }
}

@keyframes drop-left-80 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(350deg);
            transform: translate(0px, 0px) rotate(350deg);
    opacity: 1.0172467875;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(350deg);
            transform: translate(31.5px, -75px) rotate(350deg);
    opacity: 1.0172467875;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(350deg);
            transform: translate(70px, -144px) rotate(350deg);
    opacity: 1.0172467875;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(350deg);
            transform: translate(115.25px, -196.75px) rotate(350deg);
    opacity: 1.0172467875;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(350deg);
            transform: translate(140.5px, -214px) rotate(350deg);
    opacity: 1.0172467875;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(350deg);
            transform: translate(167.25px, -223.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(350deg);
            transform: translate(195.5px, -224px) rotate(350deg);
    opacity: 1.0172467875;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(350deg);
            transform: translate(225.5px, -214.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(350deg);
            transform: translate(257px, -193.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(350deg);
            transform: translate(290px, -160px) rotate(350deg);
    opacity: 1.0172467875;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(350deg);
            transform: translate(324.75px, -112.5px) rotate(350deg);
    opacity: 1.0172467875;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(350deg);
            transform: translate(360.75px, -50px) rotate(350deg);
    opacity: 1.0172467875;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(350deg);
            transform: translate(398.5px, 28.75px) rotate(350deg);
    opacity: 0.5086233938;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(350deg);
            transform: translate(437.5px, 125px) rotate(350deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-80 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(46deg);
            transform: translate(0px, 0px) rotate(46deg);
    opacity: 1.1686833844;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(46deg);
            transform: translate(-9.45px, -22.5px) rotate(46deg);
    opacity: 1.1686833844;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(46deg);
            transform: translate(-21px, -43.2px) rotate(46deg);
    opacity: 1.1686833844;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(46deg);
            transform: translate(-34.575px, -59.025px) rotate(46deg);
    opacity: 1.1686833844;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(46deg);
            transform: translate(-42.15px, -64.2px) rotate(46deg);
    opacity: 1.1686833844;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(46deg);
            transform: translate(-50.175px, -67.05px) rotate(46deg);
    opacity: 1.1686833844;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(46deg);
            transform: translate(-58.65px, -67.2px) rotate(46deg);
    opacity: 1.1686833844;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(46deg);
            transform: translate(-67.65px, -64.35px) rotate(46deg);
    opacity: 1.1686833844;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(46deg);
            transform: translate(-77.1px, -58.05px) rotate(46deg);
    opacity: 1.1686833844;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(46deg);
            transform: translate(-87px, -48px) rotate(46deg);
    opacity: 1.1686833844;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(46deg);
            transform: translate(-97.425px, -33.75px) rotate(46deg);
    opacity: 1.1686833844;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(46deg);
            transform: translate(-108.225px, -15px) rotate(46deg);
    opacity: 1.1686833844;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(46deg);
            transform: translate(-119.55px, 8.625px) rotate(46deg);
    opacity: 0.5843416922;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(46deg);
            transform: translate(-131.25px, 37.5px) rotate(46deg);
    opacity: 0;
  }
}
@keyframes drop-right-80 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(46deg);
            transform: translate(0px, 0px) rotate(46deg);
    opacity: 1.1686833844;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(46deg);
            transform: translate(-9.45px, -22.5px) rotate(46deg);
    opacity: 1.1686833844;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(46deg);
            transform: translate(-21px, -43.2px) rotate(46deg);
    opacity: 1.1686833844;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(46deg);
            transform: translate(-34.575px, -59.025px) rotate(46deg);
    opacity: 1.1686833844;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(46deg);
            transform: translate(-42.15px, -64.2px) rotate(46deg);
    opacity: 1.1686833844;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(46deg);
            transform: translate(-50.175px, -67.05px) rotate(46deg);
    opacity: 1.1686833844;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(46deg);
            transform: translate(-58.65px, -67.2px) rotate(46deg);
    opacity: 1.1686833844;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(46deg);
            transform: translate(-67.65px, -64.35px) rotate(46deg);
    opacity: 1.1686833844;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(46deg);
            transform: translate(-77.1px, -58.05px) rotate(46deg);
    opacity: 1.1686833844;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(46deg);
            transform: translate(-87px, -48px) rotate(46deg);
    opacity: 1.1686833844;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(46deg);
            transform: translate(-97.425px, -33.75px) rotate(46deg);
    opacity: 1.1686833844;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(46deg);
            transform: translate(-108.225px, -15px) rotate(46deg);
    opacity: 1.1686833844;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(46deg);
            transform: translate(-119.55px, 8.625px) rotate(46deg);
    opacity: 0.5843416922;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(46deg);
            transform: translate(-131.25px, 37.5px) rotate(46deg);
    opacity: 0;
  }
}
.confetti-left-81,
.confetti-right-81 {
  background-color: transparent;
  border-bottom: 8.5px solid #3FA5C3;
  border-left: 4.25px solid transparent;
  border-right: 4.25px solid transparent;
  height: 0;
  width: 8.5px;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-81 {
  -webkit-animation: drop-left-81 1.2981991125s 0.777705082s 2 forwards;
          animation: drop-left-81 1.2981991125s 0.777705082s 2 forwards;
}

.confetti-right-81 {
  -webkit-animation: drop-right-81 1.9906538451s 0.59431539s 2 forwards;
          animation: drop-right-81 1.9906538451s 0.59431539s 2 forwards;
}

@-webkit-keyframes drop-left-81 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(345deg);
            transform: translate(0px, 0px) rotate(345deg);
    opacity: 0.835136191;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(345deg);
            transform: translate(18.9px, -45px) rotate(345deg);
    opacity: 0.835136191;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(345deg);
            transform: translate(42px, -86.4px) rotate(345deg);
    opacity: 0.835136191;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(345deg);
            transform: translate(69.15px, -118.05px) rotate(345deg);
    opacity: 0.835136191;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(345deg);
            transform: translate(84.3px, -128.4px) rotate(345deg);
    opacity: 0.835136191;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(345deg);
            transform: translate(100.35px, -134.1px) rotate(345deg);
    opacity: 0.835136191;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(345deg);
            transform: translate(117.3px, -134.4px) rotate(345deg);
    opacity: 0.835136191;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(345deg);
            transform: translate(135.3px, -128.7px) rotate(345deg);
    opacity: 0.835136191;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(345deg);
            transform: translate(154.2px, -116.1px) rotate(345deg);
    opacity: 0.835136191;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(345deg);
            transform: translate(174px, -96px) rotate(345deg);
    opacity: 0.835136191;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(345deg);
            transform: translate(194.85px, -67.5px) rotate(345deg);
    opacity: 0.835136191;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(345deg);
            transform: translate(216.45px, -30px) rotate(345deg);
    opacity: 0.835136191;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(345deg);
            transform: translate(239.1px, 17.25px) rotate(345deg);
    opacity: 0.4175680955;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(345deg);
            transform: translate(262.5px, 75px) rotate(345deg);
    opacity: 0;
  }
}

@keyframes drop-left-81 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(345deg);
            transform: translate(0px, 0px) rotate(345deg);
    opacity: 0.835136191;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(345deg);
            transform: translate(18.9px, -45px) rotate(345deg);
    opacity: 0.835136191;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(345deg);
            transform: translate(42px, -86.4px) rotate(345deg);
    opacity: 0.835136191;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(345deg);
            transform: translate(69.15px, -118.05px) rotate(345deg);
    opacity: 0.835136191;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(345deg);
            transform: translate(84.3px, -128.4px) rotate(345deg);
    opacity: 0.835136191;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(345deg);
            transform: translate(100.35px, -134.1px) rotate(345deg);
    opacity: 0.835136191;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(345deg);
            transform: translate(117.3px, -134.4px) rotate(345deg);
    opacity: 0.835136191;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(345deg);
            transform: translate(135.3px, -128.7px) rotate(345deg);
    opacity: 0.835136191;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(345deg);
            transform: translate(154.2px, -116.1px) rotate(345deg);
    opacity: 0.835136191;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(345deg);
            transform: translate(174px, -96px) rotate(345deg);
    opacity: 0.835136191;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(345deg);
            transform: translate(194.85px, -67.5px) rotate(345deg);
    opacity: 0.835136191;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(345deg);
            transform: translate(216.45px, -30px) rotate(345deg);
    opacity: 0.835136191;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(345deg);
            transform: translate(239.1px, 17.25px) rotate(345deg);
    opacity: 0.4175680955;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(345deg);
            transform: translate(262.5px, 75px) rotate(345deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-81 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(246deg);
            transform: translate(0px, 0px) rotate(246deg);
    opacity: 0.777412927;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(246deg);
            transform: translate(-22.05px, -52.5px) rotate(246deg);
    opacity: 0.777412927;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(246deg);
            transform: translate(-49px, -100.8px) rotate(246deg);
    opacity: 0.777412927;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(246deg);
            transform: translate(-80.675px, -137.725px) rotate(246deg);
    opacity: 0.777412927;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(246deg);
            transform: translate(-98.35px, -149.8px) rotate(246deg);
    opacity: 0.777412927;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(246deg);
            transform: translate(-117.075px, -156.45px) rotate(246deg);
    opacity: 0.777412927;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(246deg);
            transform: translate(-136.85px, -156.8px) rotate(246deg);
    opacity: 0.777412927;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(246deg);
            transform: translate(-157.85px, -150.15px) rotate(246deg);
    opacity: 0.777412927;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(246deg);
            transform: translate(-179.9px, -135.45px) rotate(246deg);
    opacity: 0.777412927;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(246deg);
            transform: translate(-203px, -112px) rotate(246deg);
    opacity: 0.777412927;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(246deg);
            transform: translate(-227.325px, -78.75px) rotate(246deg);
    opacity: 0.777412927;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(246deg);
            transform: translate(-252.525px, -35px) rotate(246deg);
    opacity: 0.777412927;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(246deg);
            transform: translate(-278.95px, 20.125px) rotate(246deg);
    opacity: 0.3887064635;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(246deg);
            transform: translate(-306.25px, 87.5px) rotate(246deg);
    opacity: 0;
  }
}
@keyframes drop-right-81 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(246deg);
            transform: translate(0px, 0px) rotate(246deg);
    opacity: 0.777412927;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(246deg);
            transform: translate(-22.05px, -52.5px) rotate(246deg);
    opacity: 0.777412927;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(246deg);
            transform: translate(-49px, -100.8px) rotate(246deg);
    opacity: 0.777412927;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(246deg);
            transform: translate(-80.675px, -137.725px) rotate(246deg);
    opacity: 0.777412927;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(246deg);
            transform: translate(-98.35px, -149.8px) rotate(246deg);
    opacity: 0.777412927;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(246deg);
            transform: translate(-117.075px, -156.45px) rotate(246deg);
    opacity: 0.777412927;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(246deg);
            transform: translate(-136.85px, -156.8px) rotate(246deg);
    opacity: 0.777412927;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(246deg);
            transform: translate(-157.85px, -150.15px) rotate(246deg);
    opacity: 0.777412927;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(246deg);
            transform: translate(-179.9px, -135.45px) rotate(246deg);
    opacity: 0.777412927;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(246deg);
            transform: translate(-203px, -112px) rotate(246deg);
    opacity: 0.777412927;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(246deg);
            transform: translate(-227.325px, -78.75px) rotate(246deg);
    opacity: 0.777412927;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(246deg);
            transform: translate(-252.525px, -35px) rotate(246deg);
    opacity: 0.777412927;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(246deg);
            transform: translate(-278.95px, 20.125px) rotate(246deg);
    opacity: 0.3887064635;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(246deg);
            transform: translate(-306.25px, 87.5px) rotate(246deg);
    opacity: 0;
  }
}
.confetti-left-82,
.confetti-right-82 {
  width: 2.4px;
  height: 2.4px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-82 {
  -webkit-animation: drop-left-82 1.3016378339s 1.4486702152s 2 forwards;
          animation: drop-left-82 1.3016378339s 1.4486702152s 2 forwards;
}

.confetti-right-82 {
  -webkit-animation: drop-right-82 1.7664634211s 0.4921300014s 2 forwards;
          animation: drop-right-82 1.7664634211s 0.4921300014s 2 forwards;
}

@-webkit-keyframes drop-left-82 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(102deg);
            transform: translate(0px, 0px) rotate(102deg);
    opacity: 1.4067214621;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(102deg);
            transform: translate(9.45px, -22.5px) rotate(102deg);
    opacity: 1.4067214621;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(102deg);
            transform: translate(21px, -43.2px) rotate(102deg);
    opacity: 1.4067214621;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(102deg);
            transform: translate(34.575px, -59.025px) rotate(102deg);
    opacity: 1.4067214621;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(102deg);
            transform: translate(42.15px, -64.2px) rotate(102deg);
    opacity: 1.4067214621;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(102deg);
            transform: translate(50.175px, -67.05px) rotate(102deg);
    opacity: 1.4067214621;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(102deg);
            transform: translate(58.65px, -67.2px) rotate(102deg);
    opacity: 1.4067214621;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(102deg);
            transform: translate(67.65px, -64.35px) rotate(102deg);
    opacity: 1.4067214621;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(102deg);
            transform: translate(77.1px, -58.05px) rotate(102deg);
    opacity: 1.4067214621;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(102deg);
            transform: translate(87px, -48px) rotate(102deg);
    opacity: 1.4067214621;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(102deg);
            transform: translate(97.425px, -33.75px) rotate(102deg);
    opacity: 1.4067214621;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(102deg);
            transform: translate(108.225px, -15px) rotate(102deg);
    opacity: 1.4067214621;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(102deg);
            transform: translate(119.55px, 8.625px) rotate(102deg);
    opacity: 0.7033607311;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(102deg);
            transform: translate(131.25px, 37.5px) rotate(102deg);
    opacity: 0;
  }
}

@keyframes drop-left-82 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(102deg);
            transform: translate(0px, 0px) rotate(102deg);
    opacity: 1.4067214621;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(102deg);
            transform: translate(9.45px, -22.5px) rotate(102deg);
    opacity: 1.4067214621;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(102deg);
            transform: translate(21px, -43.2px) rotate(102deg);
    opacity: 1.4067214621;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(102deg);
            transform: translate(34.575px, -59.025px) rotate(102deg);
    opacity: 1.4067214621;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(102deg);
            transform: translate(42.15px, -64.2px) rotate(102deg);
    opacity: 1.4067214621;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(102deg);
            transform: translate(50.175px, -67.05px) rotate(102deg);
    opacity: 1.4067214621;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(102deg);
            transform: translate(58.65px, -67.2px) rotate(102deg);
    opacity: 1.4067214621;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(102deg);
            transform: translate(67.65px, -64.35px) rotate(102deg);
    opacity: 1.4067214621;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(102deg);
            transform: translate(77.1px, -58.05px) rotate(102deg);
    opacity: 1.4067214621;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(102deg);
            transform: translate(87px, -48px) rotate(102deg);
    opacity: 1.4067214621;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(102deg);
            transform: translate(97.425px, -33.75px) rotate(102deg);
    opacity: 1.4067214621;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(102deg);
            transform: translate(108.225px, -15px) rotate(102deg);
    opacity: 1.4067214621;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(102deg);
            transform: translate(119.55px, 8.625px) rotate(102deg);
    opacity: 0.7033607311;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(102deg);
            transform: translate(131.25px, 37.5px) rotate(102deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-82 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(98deg);
            transform: translate(0px, 0px) rotate(98deg);
    opacity: 1.4067710938;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(98deg);
            transform: translate(-31.5px, -75px) rotate(98deg);
    opacity: 1.4067710938;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(98deg);
            transform: translate(-70px, -144px) rotate(98deg);
    opacity: 1.4067710938;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(98deg);
            transform: translate(-115.25px, -196.75px) rotate(98deg);
    opacity: 1.4067710938;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(98deg);
            transform: translate(-140.5px, -214px) rotate(98deg);
    opacity: 1.4067710938;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(98deg);
            transform: translate(-167.25px, -223.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(98deg);
            transform: translate(-195.5px, -224px) rotate(98deg);
    opacity: 1.4067710938;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(98deg);
            transform: translate(-225.5px, -214.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(98deg);
            transform: translate(-257px, -193.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(98deg);
            transform: translate(-290px, -160px) rotate(98deg);
    opacity: 1.4067710938;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(98deg);
            transform: translate(-324.75px, -112.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(98deg);
            transform: translate(-360.75px, -50px) rotate(98deg);
    opacity: 1.4067710938;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(98deg);
            transform: translate(-398.5px, 28.75px) rotate(98deg);
    opacity: 0.7033855469;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(98deg);
            transform: translate(-437.5px, 125px) rotate(98deg);
    opacity: 0;
  }
}
@keyframes drop-right-82 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(98deg);
            transform: translate(0px, 0px) rotate(98deg);
    opacity: 1.4067710938;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(98deg);
            transform: translate(-31.5px, -75px) rotate(98deg);
    opacity: 1.4067710938;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(98deg);
            transform: translate(-70px, -144px) rotate(98deg);
    opacity: 1.4067710938;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(98deg);
            transform: translate(-115.25px, -196.75px) rotate(98deg);
    opacity: 1.4067710938;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(98deg);
            transform: translate(-140.5px, -214px) rotate(98deg);
    opacity: 1.4067710938;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(98deg);
            transform: translate(-167.25px, -223.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(98deg);
            transform: translate(-195.5px, -224px) rotate(98deg);
    opacity: 1.4067710938;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(98deg);
            transform: translate(-225.5px, -214.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(98deg);
            transform: translate(-257px, -193.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(98deg);
            transform: translate(-290px, -160px) rotate(98deg);
    opacity: 1.4067710938;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(98deg);
            transform: translate(-324.75px, -112.5px) rotate(98deg);
    opacity: 1.4067710938;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(98deg);
            transform: translate(-360.75px, -50px) rotate(98deg);
    opacity: 1.4067710938;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(98deg);
            transform: translate(-398.5px, 28.75px) rotate(98deg);
    opacity: 0.7033855469;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(98deg);
            transform: translate(-437.5px, 125px) rotate(98deg);
    opacity: 0;
  }
}
.confetti-left-83,
.confetti-right-83 {
  width: 10px;
  height: 4px;
  background-color: #E61D47;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-83 {
  -webkit-animation: drop-left-83 1.6315535491s 1.2045646772s 2 forwards;
          animation: drop-left-83 1.6315535491s 1.2045646772s 2 forwards;
}

.confetti-right-83 {
  -webkit-animation: drop-right-83 1.2046305493s 0.4878040849s 2 forwards;
          animation: drop-right-83 1.2046305493s 0.4878040849s 2 forwards;
}

@-webkit-keyframes drop-left-83 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 1.3903703175;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(63deg);
            transform: translate(12.6px, -30px) rotate(63deg);
    opacity: 1.3903703175;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(63deg);
            transform: translate(28px, -57.6px) rotate(63deg);
    opacity: 1.3903703175;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(63deg);
            transform: translate(46.1px, -78.7px) rotate(63deg);
    opacity: 1.3903703175;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(63deg);
            transform: translate(56.2px, -85.6px) rotate(63deg);
    opacity: 1.3903703175;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(63deg);
            transform: translate(66.9px, -89.4px) rotate(63deg);
    opacity: 1.3903703175;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(63deg);
            transform: translate(78.2px, -89.6px) rotate(63deg);
    opacity: 1.3903703175;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(63deg);
            transform: translate(90.2px, -85.8px) rotate(63deg);
    opacity: 1.3903703175;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(63deg);
            transform: translate(102.8px, -77.4px) rotate(63deg);
    opacity: 1.3903703175;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(63deg);
            transform: translate(116px, -64px) rotate(63deg);
    opacity: 1.3903703175;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(63deg);
            transform: translate(129.9px, -45px) rotate(63deg);
    opacity: 1.3903703175;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(63deg);
            transform: translate(144.3px, -20px) rotate(63deg);
    opacity: 1.3903703175;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(63deg);
            transform: translate(159.4px, 11.5px) rotate(63deg);
    opacity: 0.6951851587;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(63deg);
            transform: translate(175px, 50px) rotate(63deg);
    opacity: 0;
  }
}

@keyframes drop-left-83 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 1.3903703175;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(63deg);
            transform: translate(12.6px, -30px) rotate(63deg);
    opacity: 1.3903703175;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(63deg);
            transform: translate(28px, -57.6px) rotate(63deg);
    opacity: 1.3903703175;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(63deg);
            transform: translate(46.1px, -78.7px) rotate(63deg);
    opacity: 1.3903703175;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(63deg);
            transform: translate(56.2px, -85.6px) rotate(63deg);
    opacity: 1.3903703175;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(63deg);
            transform: translate(66.9px, -89.4px) rotate(63deg);
    opacity: 1.3903703175;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(63deg);
            transform: translate(78.2px, -89.6px) rotate(63deg);
    opacity: 1.3903703175;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(63deg);
            transform: translate(90.2px, -85.8px) rotate(63deg);
    opacity: 1.3903703175;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(63deg);
            transform: translate(102.8px, -77.4px) rotate(63deg);
    opacity: 1.3903703175;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(63deg);
            transform: translate(116px, -64px) rotate(63deg);
    opacity: 1.3903703175;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(63deg);
            transform: translate(129.9px, -45px) rotate(63deg);
    opacity: 1.3903703175;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(63deg);
            transform: translate(144.3px, -20px) rotate(63deg);
    opacity: 1.3903703175;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(63deg);
            transform: translate(159.4px, 11.5px) rotate(63deg);
    opacity: 0.6951851587;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(63deg);
            transform: translate(175px, 50px) rotate(63deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-83 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(103deg);
            transform: translate(0px, 0px) rotate(103deg);
    opacity: 0.7687601039;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(103deg);
            transform: translate(-6.3px, -15px) rotate(103deg);
    opacity: 0.7687601039;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(103deg);
            transform: translate(-14px, -28.8px) rotate(103deg);
    opacity: 0.7687601039;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(103deg);
            transform: translate(-23.05px, -39.35px) rotate(103deg);
    opacity: 0.7687601039;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(103deg);
            transform: translate(-28.1px, -42.8px) rotate(103deg);
    opacity: 0.7687601039;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(103deg);
            transform: translate(-33.45px, -44.7px) rotate(103deg);
    opacity: 0.7687601039;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(103deg);
            transform: translate(-39.1px, -44.8px) rotate(103deg);
    opacity: 0.7687601039;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(103deg);
            transform: translate(-45.1px, -42.9px) rotate(103deg);
    opacity: 0.7687601039;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(103deg);
            transform: translate(-51.4px, -38.7px) rotate(103deg);
    opacity: 0.7687601039;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(103deg);
            transform: translate(-58px, -32px) rotate(103deg);
    opacity: 0.7687601039;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(103deg);
            transform: translate(-64.95px, -22.5px) rotate(103deg);
    opacity: 0.7687601039;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(103deg);
            transform: translate(-72.15px, -10px) rotate(103deg);
    opacity: 0.7687601039;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(103deg);
            transform: translate(-79.7px, 5.75px) rotate(103deg);
    opacity: 0.384380052;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(103deg);
            transform: translate(-87.5px, 25px) rotate(103deg);
    opacity: 0;
  }
}
@keyframes drop-right-83 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(103deg);
            transform: translate(0px, 0px) rotate(103deg);
    opacity: 0.7687601039;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(103deg);
            transform: translate(-6.3px, -15px) rotate(103deg);
    opacity: 0.7687601039;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(103deg);
            transform: translate(-14px, -28.8px) rotate(103deg);
    opacity: 0.7687601039;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(103deg);
            transform: translate(-23.05px, -39.35px) rotate(103deg);
    opacity: 0.7687601039;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(103deg);
            transform: translate(-28.1px, -42.8px) rotate(103deg);
    opacity: 0.7687601039;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(103deg);
            transform: translate(-33.45px, -44.7px) rotate(103deg);
    opacity: 0.7687601039;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(103deg);
            transform: translate(-39.1px, -44.8px) rotate(103deg);
    opacity: 0.7687601039;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(103deg);
            transform: translate(-45.1px, -42.9px) rotate(103deg);
    opacity: 0.7687601039;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(103deg);
            transform: translate(-51.4px, -38.7px) rotate(103deg);
    opacity: 0.7687601039;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(103deg);
            transform: translate(-58px, -32px) rotate(103deg);
    opacity: 0.7687601039;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(103deg);
            transform: translate(-64.95px, -22.5px) rotate(103deg);
    opacity: 0.7687601039;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(103deg);
            transform: translate(-72.15px, -10px) rotate(103deg);
    opacity: 0.7687601039;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(103deg);
            transform: translate(-79.7px, 5.75px) rotate(103deg);
    opacity: 0.384380052;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(103deg);
            transform: translate(-87.5px, 25px) rotate(103deg);
    opacity: 0;
  }
}
.confetti-left-84,
.confetti-right-84 {
  width: 11px;
  height: 4.4px;
  background-color: #E61D47;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-84 {
  -webkit-animation: drop-left-84 1.9410272303s 1.1426556117s 2 forwards;
          animation: drop-left-84 1.9410272303s 1.1426556117s 2 forwards;
}

.confetti-right-84 {
  -webkit-animation: drop-right-84 1.4205868684s 0.8823903859s 2 forwards;
          animation: drop-right-84 1.4205868684s 0.8823903859s 2 forwards;
}

@-webkit-keyframes drop-left-84 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(236deg);
            transform: translate(0px, 0px) rotate(236deg);
    opacity: 0.8561152319;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(236deg);
            transform: translate(31.5px, -75px) rotate(236deg);
    opacity: 0.8561152319;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(236deg);
            transform: translate(70px, -144px) rotate(236deg);
    opacity: 0.8561152319;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(236deg);
            transform: translate(115.25px, -196.75px) rotate(236deg);
    opacity: 0.8561152319;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(236deg);
            transform: translate(140.5px, -214px) rotate(236deg);
    opacity: 0.8561152319;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(236deg);
            transform: translate(167.25px, -223.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(236deg);
            transform: translate(195.5px, -224px) rotate(236deg);
    opacity: 0.8561152319;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(236deg);
            transform: translate(225.5px, -214.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(236deg);
            transform: translate(257px, -193.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(236deg);
            transform: translate(290px, -160px) rotate(236deg);
    opacity: 0.8561152319;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(236deg);
            transform: translate(324.75px, -112.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(236deg);
            transform: translate(360.75px, -50px) rotate(236deg);
    opacity: 0.8561152319;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(236deg);
            transform: translate(398.5px, 28.75px) rotate(236deg);
    opacity: 0.4280576159;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(236deg);
            transform: translate(437.5px, 125px) rotate(236deg);
    opacity: 0;
  }
}

@keyframes drop-left-84 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(236deg);
            transform: translate(0px, 0px) rotate(236deg);
    opacity: 0.8561152319;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(236deg);
            transform: translate(31.5px, -75px) rotate(236deg);
    opacity: 0.8561152319;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(236deg);
            transform: translate(70px, -144px) rotate(236deg);
    opacity: 0.8561152319;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(236deg);
            transform: translate(115.25px, -196.75px) rotate(236deg);
    opacity: 0.8561152319;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(236deg);
            transform: translate(140.5px, -214px) rotate(236deg);
    opacity: 0.8561152319;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(236deg);
            transform: translate(167.25px, -223.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(236deg);
            transform: translate(195.5px, -224px) rotate(236deg);
    opacity: 0.8561152319;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(236deg);
            transform: translate(225.5px, -214.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(236deg);
            transform: translate(257px, -193.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(236deg);
            transform: translate(290px, -160px) rotate(236deg);
    opacity: 0.8561152319;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(236deg);
            transform: translate(324.75px, -112.5px) rotate(236deg);
    opacity: 0.8561152319;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(236deg);
            transform: translate(360.75px, -50px) rotate(236deg);
    opacity: 0.8561152319;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(236deg);
            transform: translate(398.5px, 28.75px) rotate(236deg);
    opacity: 0.4280576159;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(236deg);
            transform: translate(437.5px, 125px) rotate(236deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-84 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(141deg);
            transform: translate(0px, 0px) rotate(141deg);
    opacity: 1.0544075329;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(141deg);
            transform: translate(-18.9px, -45px) rotate(141deg);
    opacity: 1.0544075329;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(141deg);
            transform: translate(-42px, -86.4px) rotate(141deg);
    opacity: 1.0544075329;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(141deg);
            transform: translate(-69.15px, -118.05px) rotate(141deg);
    opacity: 1.0544075329;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(141deg);
            transform: translate(-84.3px, -128.4px) rotate(141deg);
    opacity: 1.0544075329;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(141deg);
            transform: translate(-100.35px, -134.1px) rotate(141deg);
    opacity: 1.0544075329;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(141deg);
            transform: translate(-117.3px, -134.4px) rotate(141deg);
    opacity: 1.0544075329;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(141deg);
            transform: translate(-135.3px, -128.7px) rotate(141deg);
    opacity: 1.0544075329;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(141deg);
            transform: translate(-154.2px, -116.1px) rotate(141deg);
    opacity: 1.0544075329;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(141deg);
            transform: translate(-174px, -96px) rotate(141deg);
    opacity: 1.0544075329;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(141deg);
            transform: translate(-194.85px, -67.5px) rotate(141deg);
    opacity: 1.0544075329;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(141deg);
            transform: translate(-216.45px, -30px) rotate(141deg);
    opacity: 1.0544075329;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(141deg);
            transform: translate(-239.1px, 17.25px) rotate(141deg);
    opacity: 0.5272037665;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(141deg);
            transform: translate(-262.5px, 75px) rotate(141deg);
    opacity: 0;
  }
}
@keyframes drop-right-84 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(141deg);
            transform: translate(0px, 0px) rotate(141deg);
    opacity: 1.0544075329;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(141deg);
            transform: translate(-18.9px, -45px) rotate(141deg);
    opacity: 1.0544075329;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(141deg);
            transform: translate(-42px, -86.4px) rotate(141deg);
    opacity: 1.0544075329;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(141deg);
            transform: translate(-69.15px, -118.05px) rotate(141deg);
    opacity: 1.0544075329;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(141deg);
            transform: translate(-84.3px, -128.4px) rotate(141deg);
    opacity: 1.0544075329;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(141deg);
            transform: translate(-100.35px, -134.1px) rotate(141deg);
    opacity: 1.0544075329;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(141deg);
            transform: translate(-117.3px, -134.4px) rotate(141deg);
    opacity: 1.0544075329;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(141deg);
            transform: translate(-135.3px, -128.7px) rotate(141deg);
    opacity: 1.0544075329;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(141deg);
            transform: translate(-154.2px, -116.1px) rotate(141deg);
    opacity: 1.0544075329;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(141deg);
            transform: translate(-174px, -96px) rotate(141deg);
    opacity: 1.0544075329;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(141deg);
            transform: translate(-194.85px, -67.5px) rotate(141deg);
    opacity: 1.0544075329;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(141deg);
            transform: translate(-216.45px, -30px) rotate(141deg);
    opacity: 1.0544075329;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(141deg);
            transform: translate(-239.1px, 17.25px) rotate(141deg);
    opacity: 0.5272037665;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(141deg);
            transform: translate(-262.5px, 75px) rotate(141deg);
    opacity: 0;
  }
}
.confetti-left-85,
.confetti-right-85 {
  width: 3.6px;
  height: 3.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-85 {
  -webkit-animation: drop-left-85 1.8809990077s 1.1454182246s 2 forwards;
          animation: drop-left-85 1.8809990077s 1.1454182246s 2 forwards;
}

.confetti-right-85 {
  -webkit-animation: drop-right-85 1.0697293892s 0.8590100938s 2 forwards;
          animation: drop-right-85 1.0697293892s 0.8590100938s 2 forwards;
}

@-webkit-keyframes drop-left-85 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(246deg);
            transform: translate(0px, 0px) rotate(246deg);
    opacity: 0.5703084444;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(246deg);
            transform: translate(9.45px, -22.5px) rotate(246deg);
    opacity: 0.5703084444;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(246deg);
            transform: translate(21px, -43.2px) rotate(246deg);
    opacity: 0.5703084444;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(246deg);
            transform: translate(34.575px, -59.025px) rotate(246deg);
    opacity: 0.5703084444;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(246deg);
            transform: translate(42.15px, -64.2px) rotate(246deg);
    opacity: 0.5703084444;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(246deg);
            transform: translate(50.175px, -67.05px) rotate(246deg);
    opacity: 0.5703084444;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(246deg);
            transform: translate(58.65px, -67.2px) rotate(246deg);
    opacity: 0.5703084444;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(246deg);
            transform: translate(67.65px, -64.35px) rotate(246deg);
    opacity: 0.5703084444;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(246deg);
            transform: translate(77.1px, -58.05px) rotate(246deg);
    opacity: 0.5703084444;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(246deg);
            transform: translate(87px, -48px) rotate(246deg);
    opacity: 0.5703084444;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(246deg);
            transform: translate(97.425px, -33.75px) rotate(246deg);
    opacity: 0.5703084444;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(246deg);
            transform: translate(108.225px, -15px) rotate(246deg);
    opacity: 0.5703084444;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(246deg);
            transform: translate(119.55px, 8.625px) rotate(246deg);
    opacity: 0.2851542222;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(246deg);
            transform: translate(131.25px, 37.5px) rotate(246deg);
    opacity: 0;
  }
}

@keyframes drop-left-85 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(246deg);
            transform: translate(0px, 0px) rotate(246deg);
    opacity: 0.5703084444;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(246deg);
            transform: translate(9.45px, -22.5px) rotate(246deg);
    opacity: 0.5703084444;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(246deg);
            transform: translate(21px, -43.2px) rotate(246deg);
    opacity: 0.5703084444;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(246deg);
            transform: translate(34.575px, -59.025px) rotate(246deg);
    opacity: 0.5703084444;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(246deg);
            transform: translate(42.15px, -64.2px) rotate(246deg);
    opacity: 0.5703084444;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(246deg);
            transform: translate(50.175px, -67.05px) rotate(246deg);
    opacity: 0.5703084444;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(246deg);
            transform: translate(58.65px, -67.2px) rotate(246deg);
    opacity: 0.5703084444;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(246deg);
            transform: translate(67.65px, -64.35px) rotate(246deg);
    opacity: 0.5703084444;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(246deg);
            transform: translate(77.1px, -58.05px) rotate(246deg);
    opacity: 0.5703084444;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(246deg);
            transform: translate(87px, -48px) rotate(246deg);
    opacity: 0.5703084444;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(246deg);
            transform: translate(97.425px, -33.75px) rotate(246deg);
    opacity: 0.5703084444;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(246deg);
            transform: translate(108.225px, -15px) rotate(246deg);
    opacity: 0.5703084444;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(246deg);
            transform: translate(119.55px, 8.625px) rotate(246deg);
    opacity: 0.2851542222;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(246deg);
            transform: translate(131.25px, 37.5px) rotate(246deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-85 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(261deg);
            transform: translate(0px, 0px) rotate(261deg);
    opacity: 1.2382540148;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(261deg);
            transform: translate(-18.9px, -45px) rotate(261deg);
    opacity: 1.2382540148;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(261deg);
            transform: translate(-42px, -86.4px) rotate(261deg);
    opacity: 1.2382540148;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(261deg);
            transform: translate(-69.15px, -118.05px) rotate(261deg);
    opacity: 1.2382540148;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(261deg);
            transform: translate(-84.3px, -128.4px) rotate(261deg);
    opacity: 1.2382540148;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(261deg);
            transform: translate(-100.35px, -134.1px) rotate(261deg);
    opacity: 1.2382540148;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(261deg);
            transform: translate(-117.3px, -134.4px) rotate(261deg);
    opacity: 1.2382540148;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(261deg);
            transform: translate(-135.3px, -128.7px) rotate(261deg);
    opacity: 1.2382540148;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(261deg);
            transform: translate(-154.2px, -116.1px) rotate(261deg);
    opacity: 1.2382540148;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(261deg);
            transform: translate(-174px, -96px) rotate(261deg);
    opacity: 1.2382540148;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(261deg);
            transform: translate(-194.85px, -67.5px) rotate(261deg);
    opacity: 1.2382540148;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(261deg);
            transform: translate(-216.45px, -30px) rotate(261deg);
    opacity: 1.2382540148;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(261deg);
            transform: translate(-239.1px, 17.25px) rotate(261deg);
    opacity: 0.6191270074;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(261deg);
            transform: translate(-262.5px, 75px) rotate(261deg);
    opacity: 0;
  }
}
@keyframes drop-right-85 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(261deg);
            transform: translate(0px, 0px) rotate(261deg);
    opacity: 1.2382540148;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(261deg);
            transform: translate(-18.9px, -45px) rotate(261deg);
    opacity: 1.2382540148;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(261deg);
            transform: translate(-42px, -86.4px) rotate(261deg);
    opacity: 1.2382540148;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(261deg);
            transform: translate(-69.15px, -118.05px) rotate(261deg);
    opacity: 1.2382540148;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(261deg);
            transform: translate(-84.3px, -128.4px) rotate(261deg);
    opacity: 1.2382540148;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(261deg);
            transform: translate(-100.35px, -134.1px) rotate(261deg);
    opacity: 1.2382540148;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(261deg);
            transform: translate(-117.3px, -134.4px) rotate(261deg);
    opacity: 1.2382540148;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(261deg);
            transform: translate(-135.3px, -128.7px) rotate(261deg);
    opacity: 1.2382540148;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(261deg);
            transform: translate(-154.2px, -116.1px) rotate(261deg);
    opacity: 1.2382540148;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(261deg);
            transform: translate(-174px, -96px) rotate(261deg);
    opacity: 1.2382540148;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(261deg);
            transform: translate(-194.85px, -67.5px) rotate(261deg);
    opacity: 1.2382540148;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(261deg);
            transform: translate(-216.45px, -30px) rotate(261deg);
    opacity: 1.2382540148;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(261deg);
            transform: translate(-239.1px, 17.25px) rotate(261deg);
    opacity: 0.6191270074;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(261deg);
            transform: translate(-262.5px, 75px) rotate(261deg);
    opacity: 0;
  }
}
.confetti-left-86,
.confetti-right-86 {
  width: 14px;
  height: 5.6px;
  background-color: #3FA5C3;
  top: calc(25% - 14px);
  left: calc(50% - 4.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-86 {
  -webkit-animation: drop-left-86 1.6150386272s 1.3697915173s 2 forwards;
          animation: drop-left-86 1.6150386272s 1.3697915173s 2 forwards;
}

.confetti-right-86 {
  -webkit-animation: drop-right-86 1.7717806919s 1.0672553518s 2 forwards;
          animation: drop-right-86 1.7717806919s 1.0672553518s 2 forwards;
}

@-webkit-keyframes drop-left-86 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(88deg);
            transform: translate(0px, 0px) rotate(88deg);
    opacity: 0.6171663797;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(88deg);
            transform: translate(31.5px, -75px) rotate(88deg);
    opacity: 0.6171663797;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(88deg);
            transform: translate(70px, -144px) rotate(88deg);
    opacity: 0.6171663797;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(88deg);
            transform: translate(115.25px, -196.75px) rotate(88deg);
    opacity: 0.6171663797;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(88deg);
            transform: translate(140.5px, -214px) rotate(88deg);
    opacity: 0.6171663797;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(88deg);
            transform: translate(167.25px, -223.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(88deg);
            transform: translate(195.5px, -224px) rotate(88deg);
    opacity: 0.6171663797;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(88deg);
            transform: translate(225.5px, -214.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(88deg);
            transform: translate(257px, -193.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(88deg);
            transform: translate(290px, -160px) rotate(88deg);
    opacity: 0.6171663797;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(88deg);
            transform: translate(324.75px, -112.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(88deg);
            transform: translate(360.75px, -50px) rotate(88deg);
    opacity: 0.6171663797;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(88deg);
            transform: translate(398.5px, 28.75px) rotate(88deg);
    opacity: 0.3085831899;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(88deg);
            transform: translate(437.5px, 125px) rotate(88deg);
    opacity: 0;
  }
}

@keyframes drop-left-86 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(88deg);
            transform: translate(0px, 0px) rotate(88deg);
    opacity: 0.6171663797;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(88deg);
            transform: translate(31.5px, -75px) rotate(88deg);
    opacity: 0.6171663797;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(88deg);
            transform: translate(70px, -144px) rotate(88deg);
    opacity: 0.6171663797;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(88deg);
            transform: translate(115.25px, -196.75px) rotate(88deg);
    opacity: 0.6171663797;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(88deg);
            transform: translate(140.5px, -214px) rotate(88deg);
    opacity: 0.6171663797;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(88deg);
            transform: translate(167.25px, -223.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(88deg);
            transform: translate(195.5px, -224px) rotate(88deg);
    opacity: 0.6171663797;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(88deg);
            transform: translate(225.5px, -214.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(88deg);
            transform: translate(257px, -193.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(88deg);
            transform: translate(290px, -160px) rotate(88deg);
    opacity: 0.6171663797;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(88deg);
            transform: translate(324.75px, -112.5px) rotate(88deg);
    opacity: 0.6171663797;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(88deg);
            transform: translate(360.75px, -50px) rotate(88deg);
    opacity: 0.6171663797;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(88deg);
            transform: translate(398.5px, 28.75px) rotate(88deg);
    opacity: 0.3085831899;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(88deg);
            transform: translate(437.5px, 125px) rotate(88deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-86 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(175deg);
            transform: translate(0px, 0px) rotate(175deg);
    opacity: 0.6625206316;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(175deg);
            transform: translate(-18.9px, -45px) rotate(175deg);
    opacity: 0.6625206316;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(175deg);
            transform: translate(-42px, -86.4px) rotate(175deg);
    opacity: 0.6625206316;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(175deg);
            transform: translate(-69.15px, -118.05px) rotate(175deg);
    opacity: 0.6625206316;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(175deg);
            transform: translate(-84.3px, -128.4px) rotate(175deg);
    opacity: 0.6625206316;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(175deg);
            transform: translate(-100.35px, -134.1px) rotate(175deg);
    opacity: 0.6625206316;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(175deg);
            transform: translate(-117.3px, -134.4px) rotate(175deg);
    opacity: 0.6625206316;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(175deg);
            transform: translate(-135.3px, -128.7px) rotate(175deg);
    opacity: 0.6625206316;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(175deg);
            transform: translate(-154.2px, -116.1px) rotate(175deg);
    opacity: 0.6625206316;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(175deg);
            transform: translate(-174px, -96px) rotate(175deg);
    opacity: 0.6625206316;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(175deg);
            transform: translate(-194.85px, -67.5px) rotate(175deg);
    opacity: 0.6625206316;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(175deg);
            transform: translate(-216.45px, -30px) rotate(175deg);
    opacity: 0.6625206316;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(175deg);
            transform: translate(-239.1px, 17.25px) rotate(175deg);
    opacity: 0.3312603158;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(175deg);
            transform: translate(-262.5px, 75px) rotate(175deg);
    opacity: 0;
  }
}
@keyframes drop-right-86 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(175deg);
            transform: translate(0px, 0px) rotate(175deg);
    opacity: 0.6625206316;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(175deg);
            transform: translate(-18.9px, -45px) rotate(175deg);
    opacity: 0.6625206316;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(175deg);
            transform: translate(-42px, -86.4px) rotate(175deg);
    opacity: 0.6625206316;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(175deg);
            transform: translate(-69.15px, -118.05px) rotate(175deg);
    opacity: 0.6625206316;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(175deg);
            transform: translate(-84.3px, -128.4px) rotate(175deg);
    opacity: 0.6625206316;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(175deg);
            transform: translate(-100.35px, -134.1px) rotate(175deg);
    opacity: 0.6625206316;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(175deg);
            transform: translate(-117.3px, -134.4px) rotate(175deg);
    opacity: 0.6625206316;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(175deg);
            transform: translate(-135.3px, -128.7px) rotate(175deg);
    opacity: 0.6625206316;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(175deg);
            transform: translate(-154.2px, -116.1px) rotate(175deg);
    opacity: 0.6625206316;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(175deg);
            transform: translate(-174px, -96px) rotate(175deg);
    opacity: 0.6625206316;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(175deg);
            transform: translate(-194.85px, -67.5px) rotate(175deg);
    opacity: 0.6625206316;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(175deg);
            transform: translate(-216.45px, -30px) rotate(175deg);
    opacity: 0.6625206316;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(175deg);
            transform: translate(-239.1px, 17.25px) rotate(175deg);
    opacity: 0.3312603158;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(175deg);
            transform: translate(-262.5px, 75px) rotate(175deg);
    opacity: 0;
  }
}
.confetti-left-87,
.confetti-right-87 {
  width: 4.8px;
  height: 4.8px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 8px);
  left: calc(50% - 2.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-87 {
  -webkit-animation: drop-left-87 1.7335343616s 1.0021566637s 2 forwards;
          animation: drop-left-87 1.7335343616s 1.0021566637s 2 forwards;
}

.confetti-right-87 {
  -webkit-animation: drop-right-87 1.7056958011s 0.9960579497s 2 forwards;
          animation: drop-right-87 1.7056958011s 0.9960579497s 2 forwards;
}

@-webkit-keyframes drop-left-87 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(238deg);
            transform: translate(0px, 0px) rotate(238deg);
    opacity: 0.5937255061;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(238deg);
            transform: translate(9.45px, -22.5px) rotate(238deg);
    opacity: 0.5937255061;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(238deg);
            transform: translate(21px, -43.2px) rotate(238deg);
    opacity: 0.5937255061;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(238deg);
            transform: translate(34.575px, -59.025px) rotate(238deg);
    opacity: 0.5937255061;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(238deg);
            transform: translate(42.15px, -64.2px) rotate(238deg);
    opacity: 0.5937255061;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(238deg);
            transform: translate(50.175px, -67.05px) rotate(238deg);
    opacity: 0.5937255061;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(238deg);
            transform: translate(58.65px, -67.2px) rotate(238deg);
    opacity: 0.5937255061;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(238deg);
            transform: translate(67.65px, -64.35px) rotate(238deg);
    opacity: 0.5937255061;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(238deg);
            transform: translate(77.1px, -58.05px) rotate(238deg);
    opacity: 0.5937255061;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(238deg);
            transform: translate(87px, -48px) rotate(238deg);
    opacity: 0.5937255061;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(238deg);
            transform: translate(97.425px, -33.75px) rotate(238deg);
    opacity: 0.5937255061;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(238deg);
            transform: translate(108.225px, -15px) rotate(238deg);
    opacity: 0.5937255061;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(238deg);
            transform: translate(119.55px, 8.625px) rotate(238deg);
    opacity: 0.2968627531;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(238deg);
            transform: translate(131.25px, 37.5px) rotate(238deg);
    opacity: 0;
  }
}

@keyframes drop-left-87 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(238deg);
            transform: translate(0px, 0px) rotate(238deg);
    opacity: 0.5937255061;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(238deg);
            transform: translate(9.45px, -22.5px) rotate(238deg);
    opacity: 0.5937255061;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(238deg);
            transform: translate(21px, -43.2px) rotate(238deg);
    opacity: 0.5937255061;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(238deg);
            transform: translate(34.575px, -59.025px) rotate(238deg);
    opacity: 0.5937255061;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(238deg);
            transform: translate(42.15px, -64.2px) rotate(238deg);
    opacity: 0.5937255061;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(238deg);
            transform: translate(50.175px, -67.05px) rotate(238deg);
    opacity: 0.5937255061;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(238deg);
            transform: translate(58.65px, -67.2px) rotate(238deg);
    opacity: 0.5937255061;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(238deg);
            transform: translate(67.65px, -64.35px) rotate(238deg);
    opacity: 0.5937255061;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(238deg);
            transform: translate(77.1px, -58.05px) rotate(238deg);
    opacity: 0.5937255061;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(238deg);
            transform: translate(87px, -48px) rotate(238deg);
    opacity: 0.5937255061;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(238deg);
            transform: translate(97.425px, -33.75px) rotate(238deg);
    opacity: 0.5937255061;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(238deg);
            transform: translate(108.225px, -15px) rotate(238deg);
    opacity: 0.5937255061;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(238deg);
            transform: translate(119.55px, 8.625px) rotate(238deg);
    opacity: 0.2968627531;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(238deg);
            transform: translate(131.25px, 37.5px) rotate(238deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-87 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(221deg);
            transform: translate(0px, 0px) rotate(221deg);
    opacity: 1.4619818957;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(221deg);
            transform: translate(-15.75px, -37.5px) rotate(221deg);
    opacity: 1.4619818957;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(221deg);
            transform: translate(-35px, -72px) rotate(221deg);
    opacity: 1.4619818957;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(221deg);
            transform: translate(-57.625px, -98.375px) rotate(221deg);
    opacity: 1.4619818957;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(221deg);
            transform: translate(-70.25px, -107px) rotate(221deg);
    opacity: 1.4619818957;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(221deg);
            transform: translate(-83.625px, -111.75px) rotate(221deg);
    opacity: 1.4619818957;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(221deg);
            transform: translate(-97.75px, -112px) rotate(221deg);
    opacity: 1.4619818957;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(221deg);
            transform: translate(-112.75px, -107.25px) rotate(221deg);
    opacity: 1.4619818957;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(221deg);
            transform: translate(-128.5px, -96.75px) rotate(221deg);
    opacity: 1.4619818957;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(221deg);
            transform: translate(-145px, -80px) rotate(221deg);
    opacity: 1.4619818957;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(221deg);
            transform: translate(-162.375px, -56.25px) rotate(221deg);
    opacity: 1.4619818957;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(221deg);
            transform: translate(-180.375px, -25px) rotate(221deg);
    opacity: 1.4619818957;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(221deg);
            transform: translate(-199.25px, 14.375px) rotate(221deg);
    opacity: 0.7309909479;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(221deg);
            transform: translate(-218.75px, 62.5px) rotate(221deg);
    opacity: 0;
  }
}
@keyframes drop-right-87 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(221deg);
            transform: translate(0px, 0px) rotate(221deg);
    opacity: 1.4619818957;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(221deg);
            transform: translate(-15.75px, -37.5px) rotate(221deg);
    opacity: 1.4619818957;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(221deg);
            transform: translate(-35px, -72px) rotate(221deg);
    opacity: 1.4619818957;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(221deg);
            transform: translate(-57.625px, -98.375px) rotate(221deg);
    opacity: 1.4619818957;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(221deg);
            transform: translate(-70.25px, -107px) rotate(221deg);
    opacity: 1.4619818957;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(221deg);
            transform: translate(-83.625px, -111.75px) rotate(221deg);
    opacity: 1.4619818957;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(221deg);
            transform: translate(-97.75px, -112px) rotate(221deg);
    opacity: 1.4619818957;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(221deg);
            transform: translate(-112.75px, -107.25px) rotate(221deg);
    opacity: 1.4619818957;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(221deg);
            transform: translate(-128.5px, -96.75px) rotate(221deg);
    opacity: 1.4619818957;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(221deg);
            transform: translate(-145px, -80px) rotate(221deg);
    opacity: 1.4619818957;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(221deg);
            transform: translate(-162.375px, -56.25px) rotate(221deg);
    opacity: 1.4619818957;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(221deg);
            transform: translate(-180.375px, -25px) rotate(221deg);
    opacity: 1.4619818957;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(221deg);
            transform: translate(-199.25px, 14.375px) rotate(221deg);
    opacity: 0.7309909479;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(221deg);
            transform: translate(-218.75px, 62.5px) rotate(221deg);
    opacity: 0;
  }
}
.confetti-left-88,
.confetti-right-88 {
  width: 9px;
  height: 3.6px;
  background-color: #765AA3;
  top: calc(25% - 9px);
  left: calc(50% - 2.7px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-88 {
  -webkit-animation: drop-left-88 1.908357394s 0.4637440704s 2 forwards;
          animation: drop-left-88 1.908357394s 0.4637440704s 2 forwards;
}

.confetti-right-88 {
  -webkit-animation: drop-right-88 1.8679089727s 0.471613445s 2 forwards;
          animation: drop-right-88 1.8679089727s 0.471613445s 2 forwards;
}

@-webkit-keyframes drop-left-88 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(220deg);
            transform: translate(0px, 0px) rotate(220deg);
    opacity: 0.5823565593;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(220deg);
            transform: translate(15.75px, -37.5px) rotate(220deg);
    opacity: 0.5823565593;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(220deg);
            transform: translate(35px, -72px) rotate(220deg);
    opacity: 0.5823565593;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(220deg);
            transform: translate(57.625px, -98.375px) rotate(220deg);
    opacity: 0.5823565593;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(220deg);
            transform: translate(70.25px, -107px) rotate(220deg);
    opacity: 0.5823565593;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(220deg);
            transform: translate(83.625px, -111.75px) rotate(220deg);
    opacity: 0.5823565593;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(220deg);
            transform: translate(97.75px, -112px) rotate(220deg);
    opacity: 0.5823565593;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(220deg);
            transform: translate(112.75px, -107.25px) rotate(220deg);
    opacity: 0.5823565593;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(220deg);
            transform: translate(128.5px, -96.75px) rotate(220deg);
    opacity: 0.5823565593;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(220deg);
            transform: translate(145px, -80px) rotate(220deg);
    opacity: 0.5823565593;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(220deg);
            transform: translate(162.375px, -56.25px) rotate(220deg);
    opacity: 0.5823565593;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(220deg);
            transform: translate(180.375px, -25px) rotate(220deg);
    opacity: 0.5823565593;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(220deg);
            transform: translate(199.25px, 14.375px) rotate(220deg);
    opacity: 0.2911782797;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(220deg);
            transform: translate(218.75px, 62.5px) rotate(220deg);
    opacity: 0;
  }
}

@keyframes drop-left-88 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(220deg);
            transform: translate(0px, 0px) rotate(220deg);
    opacity: 0.5823565593;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(220deg);
            transform: translate(15.75px, -37.5px) rotate(220deg);
    opacity: 0.5823565593;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(220deg);
            transform: translate(35px, -72px) rotate(220deg);
    opacity: 0.5823565593;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(220deg);
            transform: translate(57.625px, -98.375px) rotate(220deg);
    opacity: 0.5823565593;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(220deg);
            transform: translate(70.25px, -107px) rotate(220deg);
    opacity: 0.5823565593;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(220deg);
            transform: translate(83.625px, -111.75px) rotate(220deg);
    opacity: 0.5823565593;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(220deg);
            transform: translate(97.75px, -112px) rotate(220deg);
    opacity: 0.5823565593;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(220deg);
            transform: translate(112.75px, -107.25px) rotate(220deg);
    opacity: 0.5823565593;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(220deg);
            transform: translate(128.5px, -96.75px) rotate(220deg);
    opacity: 0.5823565593;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(220deg);
            transform: translate(145px, -80px) rotate(220deg);
    opacity: 0.5823565593;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(220deg);
            transform: translate(162.375px, -56.25px) rotate(220deg);
    opacity: 0.5823565593;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(220deg);
            transform: translate(180.375px, -25px) rotate(220deg);
    opacity: 0.5823565593;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(220deg);
            transform: translate(199.25px, 14.375px) rotate(220deg);
    opacity: 0.2911782797;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(220deg);
            transform: translate(218.75px, 62.5px) rotate(220deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-88 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(169deg);
            transform: translate(0px, 0px) rotate(169deg);
    opacity: 0.9638360435;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(169deg);
            transform: translate(-25.2px, -60px) rotate(169deg);
    opacity: 0.9638360435;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(169deg);
            transform: translate(-56px, -115.2px) rotate(169deg);
    opacity: 0.9638360435;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(169deg);
            transform: translate(-92.2px, -157.4px) rotate(169deg);
    opacity: 0.9638360435;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(169deg);
            transform: translate(-112.4px, -171.2px) rotate(169deg);
    opacity: 0.9638360435;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(169deg);
            transform: translate(-133.8px, -178.8px) rotate(169deg);
    opacity: 0.9638360435;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(169deg);
            transform: translate(-156.4px, -179.2px) rotate(169deg);
    opacity: 0.9638360435;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(169deg);
            transform: translate(-180.4px, -171.6px) rotate(169deg);
    opacity: 0.9638360435;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(169deg);
            transform: translate(-205.6px, -154.8px) rotate(169deg);
    opacity: 0.9638360435;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(169deg);
            transform: translate(-232px, -128px) rotate(169deg);
    opacity: 0.9638360435;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(169deg);
            transform: translate(-259.8px, -90px) rotate(169deg);
    opacity: 0.9638360435;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(169deg);
            transform: translate(-288.6px, -40px) rotate(169deg);
    opacity: 0.9638360435;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(169deg);
            transform: translate(-318.8px, 23px) rotate(169deg);
    opacity: 0.4819180217;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(169deg);
            transform: translate(-350px, 100px) rotate(169deg);
    opacity: 0;
  }
}
@keyframes drop-right-88 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(169deg);
            transform: translate(0px, 0px) rotate(169deg);
    opacity: 0.9638360435;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(169deg);
            transform: translate(-25.2px, -60px) rotate(169deg);
    opacity: 0.9638360435;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(169deg);
            transform: translate(-56px, -115.2px) rotate(169deg);
    opacity: 0.9638360435;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(169deg);
            transform: translate(-92.2px, -157.4px) rotate(169deg);
    opacity: 0.9638360435;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(169deg);
            transform: translate(-112.4px, -171.2px) rotate(169deg);
    opacity: 0.9638360435;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(169deg);
            transform: translate(-133.8px, -178.8px) rotate(169deg);
    opacity: 0.9638360435;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(169deg);
            transform: translate(-156.4px, -179.2px) rotate(169deg);
    opacity: 0.9638360435;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(169deg);
            transform: translate(-180.4px, -171.6px) rotate(169deg);
    opacity: 0.9638360435;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(169deg);
            transform: translate(-205.6px, -154.8px) rotate(169deg);
    opacity: 0.9638360435;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(169deg);
            transform: translate(-232px, -128px) rotate(169deg);
    opacity: 0.9638360435;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(169deg);
            transform: translate(-259.8px, -90px) rotate(169deg);
    opacity: 0.9638360435;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(169deg);
            transform: translate(-288.6px, -40px) rotate(169deg);
    opacity: 0.9638360435;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(169deg);
            transform: translate(-318.8px, 23px) rotate(169deg);
    opacity: 0.4819180217;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(169deg);
            transform: translate(-350px, 100px) rotate(169deg);
    opacity: 0;
  }
}
.confetti-left-89,
.confetti-right-89 {
  background-color: transparent;
  border-bottom: 8px solid #3FA5C3;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  height: 0;
  width: 8px;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-89 {
  -webkit-animation: drop-left-89 1.1267527582s 1.1616440311s 2 forwards;
          animation: drop-left-89 1.1267527582s 1.1616440311s 2 forwards;
}

.confetti-right-89 {
  -webkit-animation: drop-right-89 1.8895452257s 0.8502147993s 2 forwards;
          animation: drop-right-89 1.8895452257s 0.8502147993s 2 forwards;
}

@-webkit-keyframes drop-left-89 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(56deg);
            transform: translate(0px, 0px) rotate(56deg);
    opacity: 1.0473159459;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(56deg);
            transform: translate(9.45px, -22.5px) rotate(56deg);
    opacity: 1.0473159459;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(56deg);
            transform: translate(21px, -43.2px) rotate(56deg);
    opacity: 1.0473159459;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(56deg);
            transform: translate(34.575px, -59.025px) rotate(56deg);
    opacity: 1.0473159459;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(56deg);
            transform: translate(42.15px, -64.2px) rotate(56deg);
    opacity: 1.0473159459;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(56deg);
            transform: translate(50.175px, -67.05px) rotate(56deg);
    opacity: 1.0473159459;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(56deg);
            transform: translate(58.65px, -67.2px) rotate(56deg);
    opacity: 1.0473159459;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(56deg);
            transform: translate(67.65px, -64.35px) rotate(56deg);
    opacity: 1.0473159459;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(56deg);
            transform: translate(77.1px, -58.05px) rotate(56deg);
    opacity: 1.0473159459;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(56deg);
            transform: translate(87px, -48px) rotate(56deg);
    opacity: 1.0473159459;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(56deg);
            transform: translate(97.425px, -33.75px) rotate(56deg);
    opacity: 1.0473159459;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(56deg);
            transform: translate(108.225px, -15px) rotate(56deg);
    opacity: 1.0473159459;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(56deg);
            transform: translate(119.55px, 8.625px) rotate(56deg);
    opacity: 0.523657973;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(56deg);
            transform: translate(131.25px, 37.5px) rotate(56deg);
    opacity: 0;
  }
}

@keyframes drop-left-89 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(56deg);
            transform: translate(0px, 0px) rotate(56deg);
    opacity: 1.0473159459;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(56deg);
            transform: translate(9.45px, -22.5px) rotate(56deg);
    opacity: 1.0473159459;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(56deg);
            transform: translate(21px, -43.2px) rotate(56deg);
    opacity: 1.0473159459;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(56deg);
            transform: translate(34.575px, -59.025px) rotate(56deg);
    opacity: 1.0473159459;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(56deg);
            transform: translate(42.15px, -64.2px) rotate(56deg);
    opacity: 1.0473159459;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(56deg);
            transform: translate(50.175px, -67.05px) rotate(56deg);
    opacity: 1.0473159459;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(56deg);
            transform: translate(58.65px, -67.2px) rotate(56deg);
    opacity: 1.0473159459;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(56deg);
            transform: translate(67.65px, -64.35px) rotate(56deg);
    opacity: 1.0473159459;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(56deg);
            transform: translate(77.1px, -58.05px) rotate(56deg);
    opacity: 1.0473159459;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(56deg);
            transform: translate(87px, -48px) rotate(56deg);
    opacity: 1.0473159459;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(56deg);
            transform: translate(97.425px, -33.75px) rotate(56deg);
    opacity: 1.0473159459;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(56deg);
            transform: translate(108.225px, -15px) rotate(56deg);
    opacity: 1.0473159459;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(56deg);
            transform: translate(119.55px, 8.625px) rotate(56deg);
    opacity: 0.523657973;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(56deg);
            transform: translate(131.25px, 37.5px) rotate(56deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-89 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(135deg);
            transform: translate(0px, 0px) rotate(135deg);
    opacity: 1.0290591252;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(135deg);
            transform: translate(-9.45px, -22.5px) rotate(135deg);
    opacity: 1.0290591252;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(135deg);
            transform: translate(-21px, -43.2px) rotate(135deg);
    opacity: 1.0290591252;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(135deg);
            transform: translate(-34.575px, -59.025px) rotate(135deg);
    opacity: 1.0290591252;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(135deg);
            transform: translate(-42.15px, -64.2px) rotate(135deg);
    opacity: 1.0290591252;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(135deg);
            transform: translate(-50.175px, -67.05px) rotate(135deg);
    opacity: 1.0290591252;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(135deg);
            transform: translate(-58.65px, -67.2px) rotate(135deg);
    opacity: 1.0290591252;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(135deg);
            transform: translate(-67.65px, -64.35px) rotate(135deg);
    opacity: 1.0290591252;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(135deg);
            transform: translate(-77.1px, -58.05px) rotate(135deg);
    opacity: 1.0290591252;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(135deg);
            transform: translate(-87px, -48px) rotate(135deg);
    opacity: 1.0290591252;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(135deg);
            transform: translate(-97.425px, -33.75px) rotate(135deg);
    opacity: 1.0290591252;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(135deg);
            transform: translate(-108.225px, -15px) rotate(135deg);
    opacity: 1.0290591252;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(135deg);
            transform: translate(-119.55px, 8.625px) rotate(135deg);
    opacity: 0.5145295626;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(135deg);
            transform: translate(-131.25px, 37.5px) rotate(135deg);
    opacity: 0;
  }
}
@keyframes drop-right-89 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(135deg);
            transform: translate(0px, 0px) rotate(135deg);
    opacity: 1.0290591252;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(135deg);
            transform: translate(-9.45px, -22.5px) rotate(135deg);
    opacity: 1.0290591252;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(135deg);
            transform: translate(-21px, -43.2px) rotate(135deg);
    opacity: 1.0290591252;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(135deg);
            transform: translate(-34.575px, -59.025px) rotate(135deg);
    opacity: 1.0290591252;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(135deg);
            transform: translate(-42.15px, -64.2px) rotate(135deg);
    opacity: 1.0290591252;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(135deg);
            transform: translate(-50.175px, -67.05px) rotate(135deg);
    opacity: 1.0290591252;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(135deg);
            transform: translate(-58.65px, -67.2px) rotate(135deg);
    opacity: 1.0290591252;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(135deg);
            transform: translate(-67.65px, -64.35px) rotate(135deg);
    opacity: 1.0290591252;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(135deg);
            transform: translate(-77.1px, -58.05px) rotate(135deg);
    opacity: 1.0290591252;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(135deg);
            transform: translate(-87px, -48px) rotate(135deg);
    opacity: 1.0290591252;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(135deg);
            transform: translate(-97.425px, -33.75px) rotate(135deg);
    opacity: 1.0290591252;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(135deg);
            transform: translate(-108.225px, -15px) rotate(135deg);
    opacity: 1.0290591252;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(135deg);
            transform: translate(-119.55px, 8.625px) rotate(135deg);
    opacity: 0.5145295626;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(135deg);
            transform: translate(-131.25px, 37.5px) rotate(135deg);
    opacity: 0;
  }
}
.confetti-left-90,
.confetti-right-90 {
  width: 10.2px;
  height: 10.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-90 {
  -webkit-animation: drop-left-90 1.9141048227s 0.6468852741s 2 forwards;
          animation: drop-left-90 1.9141048227s 0.6468852741s 2 forwards;
}

.confetti-right-90 {
  -webkit-animation: drop-right-90 1.7571708796s 1.031889981s 2 forwards;
          animation: drop-right-90 1.7571708796s 1.031889981s 2 forwards;
}

@-webkit-keyframes drop-left-90 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(264deg);
            transform: translate(0px, 0px) rotate(264deg);
    opacity: 1.225094184;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(264deg);
            transform: translate(28.35px, -67.5px) rotate(264deg);
    opacity: 1.225094184;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(264deg);
            transform: translate(63px, -129.6px) rotate(264deg);
    opacity: 1.225094184;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(264deg);
            transform: translate(103.725px, -177.075px) rotate(264deg);
    opacity: 1.225094184;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(264deg);
            transform: translate(126.45px, -192.6px) rotate(264deg);
    opacity: 1.225094184;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(264deg);
            transform: translate(150.525px, -201.15px) rotate(264deg);
    opacity: 1.225094184;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(264deg);
            transform: translate(175.95px, -201.6px) rotate(264deg);
    opacity: 1.225094184;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(264deg);
            transform: translate(202.95px, -193.05px) rotate(264deg);
    opacity: 1.225094184;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(264deg);
            transform: translate(231.3px, -174.15px) rotate(264deg);
    opacity: 1.225094184;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(264deg);
            transform: translate(261px, -144px) rotate(264deg);
    opacity: 1.225094184;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(264deg);
            transform: translate(292.275px, -101.25px) rotate(264deg);
    opacity: 1.225094184;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(264deg);
            transform: translate(324.675px, -45px) rotate(264deg);
    opacity: 1.225094184;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(264deg);
            transform: translate(358.65px, 25.875px) rotate(264deg);
    opacity: 0.612547092;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(264deg);
            transform: translate(393.75px, 112.5px) rotate(264deg);
    opacity: 0;
  }
}

@keyframes drop-left-90 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(264deg);
            transform: translate(0px, 0px) rotate(264deg);
    opacity: 1.225094184;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(264deg);
            transform: translate(28.35px, -67.5px) rotate(264deg);
    opacity: 1.225094184;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(264deg);
            transform: translate(63px, -129.6px) rotate(264deg);
    opacity: 1.225094184;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(264deg);
            transform: translate(103.725px, -177.075px) rotate(264deg);
    opacity: 1.225094184;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(264deg);
            transform: translate(126.45px, -192.6px) rotate(264deg);
    opacity: 1.225094184;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(264deg);
            transform: translate(150.525px, -201.15px) rotate(264deg);
    opacity: 1.225094184;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(264deg);
            transform: translate(175.95px, -201.6px) rotate(264deg);
    opacity: 1.225094184;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(264deg);
            transform: translate(202.95px, -193.05px) rotate(264deg);
    opacity: 1.225094184;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(264deg);
            transform: translate(231.3px, -174.15px) rotate(264deg);
    opacity: 1.225094184;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(264deg);
            transform: translate(261px, -144px) rotate(264deg);
    opacity: 1.225094184;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(264deg);
            transform: translate(292.275px, -101.25px) rotate(264deg);
    opacity: 1.225094184;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(264deg);
            transform: translate(324.675px, -45px) rotate(264deg);
    opacity: 1.225094184;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(264deg);
            transform: translate(358.65px, 25.875px) rotate(264deg);
    opacity: 0.612547092;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(264deg);
            transform: translate(393.75px, 112.5px) rotate(264deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-90 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(61deg);
            transform: translate(0px, 0px) rotate(61deg);
    opacity: 0.8841997194;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(61deg);
            transform: translate(-22.05px, -52.5px) rotate(61deg);
    opacity: 0.8841997194;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(61deg);
            transform: translate(-49px, -100.8px) rotate(61deg);
    opacity: 0.8841997194;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(61deg);
            transform: translate(-80.675px, -137.725px) rotate(61deg);
    opacity: 0.8841997194;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(61deg);
            transform: translate(-98.35px, -149.8px) rotate(61deg);
    opacity: 0.8841997194;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(61deg);
            transform: translate(-117.075px, -156.45px) rotate(61deg);
    opacity: 0.8841997194;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(61deg);
            transform: translate(-136.85px, -156.8px) rotate(61deg);
    opacity: 0.8841997194;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(61deg);
            transform: translate(-157.85px, -150.15px) rotate(61deg);
    opacity: 0.8841997194;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(61deg);
            transform: translate(-179.9px, -135.45px) rotate(61deg);
    opacity: 0.8841997194;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(61deg);
            transform: translate(-203px, -112px) rotate(61deg);
    opacity: 0.8841997194;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(61deg);
            transform: translate(-227.325px, -78.75px) rotate(61deg);
    opacity: 0.8841997194;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(61deg);
            transform: translate(-252.525px, -35px) rotate(61deg);
    opacity: 0.8841997194;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(61deg);
            transform: translate(-278.95px, 20.125px) rotate(61deg);
    opacity: 0.4420998597;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(61deg);
            transform: translate(-306.25px, 87.5px) rotate(61deg);
    opacity: 0;
  }
}
@keyframes drop-right-90 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(61deg);
            transform: translate(0px, 0px) rotate(61deg);
    opacity: 0.8841997194;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(61deg);
            transform: translate(-22.05px, -52.5px) rotate(61deg);
    opacity: 0.8841997194;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(61deg);
            transform: translate(-49px, -100.8px) rotate(61deg);
    opacity: 0.8841997194;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(61deg);
            transform: translate(-80.675px, -137.725px) rotate(61deg);
    opacity: 0.8841997194;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(61deg);
            transform: translate(-98.35px, -149.8px) rotate(61deg);
    opacity: 0.8841997194;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(61deg);
            transform: translate(-117.075px, -156.45px) rotate(61deg);
    opacity: 0.8841997194;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(61deg);
            transform: translate(-136.85px, -156.8px) rotate(61deg);
    opacity: 0.8841997194;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(61deg);
            transform: translate(-157.85px, -150.15px) rotate(61deg);
    opacity: 0.8841997194;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(61deg);
            transform: translate(-179.9px, -135.45px) rotate(61deg);
    opacity: 0.8841997194;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(61deg);
            transform: translate(-203px, -112px) rotate(61deg);
    opacity: 0.8841997194;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(61deg);
            transform: translate(-227.325px, -78.75px) rotate(61deg);
    opacity: 0.8841997194;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(61deg);
            transform: translate(-252.525px, -35px) rotate(61deg);
    opacity: 0.8841997194;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(61deg);
            transform: translate(-278.95px, 20.125px) rotate(61deg);
    opacity: 0.4420998597;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(61deg);
            transform: translate(-306.25px, 87.5px) rotate(61deg);
    opacity: 0;
  }
}
.confetti-left-91,
.confetti-right-91 {
  width: 1.2px;
  height: 1.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-91 {
  -webkit-animation: drop-left-91 1.6826265894s 0.5688435476s 2 forwards;
          animation: drop-left-91 1.6826265894s 0.5688435476s 2 forwards;
}

.confetti-right-91 {
  -webkit-animation: drop-right-91 1.9198645318s 1.4104889215s 2 forwards;
          animation: drop-right-91 1.9198645318s 1.4104889215s 2 forwards;
}

@-webkit-keyframes drop-left-91 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(253deg);
            transform: translate(0px, 0px) rotate(253deg);
    opacity: 1.2082474403;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(253deg);
            transform: translate(6.3px, -15px) rotate(253deg);
    opacity: 1.2082474403;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(253deg);
            transform: translate(14px, -28.8px) rotate(253deg);
    opacity: 1.2082474403;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(253deg);
            transform: translate(23.05px, -39.35px) rotate(253deg);
    opacity: 1.2082474403;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(253deg);
            transform: translate(28.1px, -42.8px) rotate(253deg);
    opacity: 1.2082474403;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(253deg);
            transform: translate(33.45px, -44.7px) rotate(253deg);
    opacity: 1.2082474403;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(253deg);
            transform: translate(39.1px, -44.8px) rotate(253deg);
    opacity: 1.2082474403;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(253deg);
            transform: translate(45.1px, -42.9px) rotate(253deg);
    opacity: 1.2082474403;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(253deg);
            transform: translate(51.4px, -38.7px) rotate(253deg);
    opacity: 1.2082474403;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(253deg);
            transform: translate(58px, -32px) rotate(253deg);
    opacity: 1.2082474403;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(253deg);
            transform: translate(64.95px, -22.5px) rotate(253deg);
    opacity: 1.2082474403;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(253deg);
            transform: translate(72.15px, -10px) rotate(253deg);
    opacity: 1.2082474403;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(253deg);
            transform: translate(79.7px, 5.75px) rotate(253deg);
    opacity: 0.6041237202;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(253deg);
            transform: translate(87.5px, 25px) rotate(253deg);
    opacity: 0;
  }
}

@keyframes drop-left-91 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(253deg);
            transform: translate(0px, 0px) rotate(253deg);
    opacity: 1.2082474403;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(253deg);
            transform: translate(6.3px, -15px) rotate(253deg);
    opacity: 1.2082474403;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(253deg);
            transform: translate(14px, -28.8px) rotate(253deg);
    opacity: 1.2082474403;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(253deg);
            transform: translate(23.05px, -39.35px) rotate(253deg);
    opacity: 1.2082474403;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(253deg);
            transform: translate(28.1px, -42.8px) rotate(253deg);
    opacity: 1.2082474403;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(253deg);
            transform: translate(33.45px, -44.7px) rotate(253deg);
    opacity: 1.2082474403;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(253deg);
            transform: translate(39.1px, -44.8px) rotate(253deg);
    opacity: 1.2082474403;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(253deg);
            transform: translate(45.1px, -42.9px) rotate(253deg);
    opacity: 1.2082474403;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(253deg);
            transform: translate(51.4px, -38.7px) rotate(253deg);
    opacity: 1.2082474403;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(253deg);
            transform: translate(58px, -32px) rotate(253deg);
    opacity: 1.2082474403;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(253deg);
            transform: translate(64.95px, -22.5px) rotate(253deg);
    opacity: 1.2082474403;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(253deg);
            transform: translate(72.15px, -10px) rotate(253deg);
    opacity: 1.2082474403;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(253deg);
            transform: translate(79.7px, 5.75px) rotate(253deg);
    opacity: 0.6041237202;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(253deg);
            transform: translate(87.5px, 25px) rotate(253deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-91 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(131deg);
            transform: translate(0px, 0px) rotate(131deg);
    opacity: 1.4265419592;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(131deg);
            transform: translate(-31.5px, -75px) rotate(131deg);
    opacity: 1.4265419592;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(131deg);
            transform: translate(-70px, -144px) rotate(131deg);
    opacity: 1.4265419592;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(131deg);
            transform: translate(-115.25px, -196.75px) rotate(131deg);
    opacity: 1.4265419592;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(131deg);
            transform: translate(-140.5px, -214px) rotate(131deg);
    opacity: 1.4265419592;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(131deg);
            transform: translate(-167.25px, -223.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(131deg);
            transform: translate(-195.5px, -224px) rotate(131deg);
    opacity: 1.4265419592;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(131deg);
            transform: translate(-225.5px, -214.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(131deg);
            transform: translate(-257px, -193.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(131deg);
            transform: translate(-290px, -160px) rotate(131deg);
    opacity: 1.4265419592;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(131deg);
            transform: translate(-324.75px, -112.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(131deg);
            transform: translate(-360.75px, -50px) rotate(131deg);
    opacity: 1.4265419592;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(131deg);
            transform: translate(-398.5px, 28.75px) rotate(131deg);
    opacity: 0.7132709796;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(131deg);
            transform: translate(-437.5px, 125px) rotate(131deg);
    opacity: 0;
  }
}
@keyframes drop-right-91 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(131deg);
            transform: translate(0px, 0px) rotate(131deg);
    opacity: 1.4265419592;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(131deg);
            transform: translate(-31.5px, -75px) rotate(131deg);
    opacity: 1.4265419592;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(131deg);
            transform: translate(-70px, -144px) rotate(131deg);
    opacity: 1.4265419592;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(131deg);
            transform: translate(-115.25px, -196.75px) rotate(131deg);
    opacity: 1.4265419592;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(131deg);
            transform: translate(-140.5px, -214px) rotate(131deg);
    opacity: 1.4265419592;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(131deg);
            transform: translate(-167.25px, -223.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(131deg);
            transform: translate(-195.5px, -224px) rotate(131deg);
    opacity: 1.4265419592;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(131deg);
            transform: translate(-225.5px, -214.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(131deg);
            transform: translate(-257px, -193.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(131deg);
            transform: translate(-290px, -160px) rotate(131deg);
    opacity: 1.4265419592;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(131deg);
            transform: translate(-324.75px, -112.5px) rotate(131deg);
    opacity: 1.4265419592;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(131deg);
            transform: translate(-360.75px, -50px) rotate(131deg);
    opacity: 1.4265419592;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(131deg);
            transform: translate(-398.5px, 28.75px) rotate(131deg);
    opacity: 0.7132709796;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(131deg);
            transform: translate(-437.5px, 125px) rotate(131deg);
    opacity: 0;
  }
}
.confetti-left-92,
.confetti-right-92 {
  background-color: transparent;
  border-bottom: 3px solid #8AB925;
  border-left: 1.5px solid transparent;
  border-right: 1.5px solid transparent;
  height: 0;
  width: 3px;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-92 {
  -webkit-animation: drop-left-92 1.1941850924s 1.2414208672s 2 forwards;
          animation: drop-left-92 1.1941850924s 1.2414208672s 2 forwards;
}

.confetti-right-92 {
  -webkit-animation: drop-right-92 1.9568942969s 0.7339597703s 2 forwards;
          animation: drop-right-92 1.9568942969s 0.7339597703s 2 forwards;
}

@-webkit-keyframes drop-left-92 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(166deg);
            transform: translate(0px, 0px) rotate(166deg);
    opacity: 0.6789435686;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(166deg);
            transform: translate(6.3px, -15px) rotate(166deg);
    opacity: 0.6789435686;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(166deg);
            transform: translate(14px, -28.8px) rotate(166deg);
    opacity: 0.6789435686;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(166deg);
            transform: translate(23.05px, -39.35px) rotate(166deg);
    opacity: 0.6789435686;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(166deg);
            transform: translate(28.1px, -42.8px) rotate(166deg);
    opacity: 0.6789435686;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(166deg);
            transform: translate(33.45px, -44.7px) rotate(166deg);
    opacity: 0.6789435686;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(166deg);
            transform: translate(39.1px, -44.8px) rotate(166deg);
    opacity: 0.6789435686;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(166deg);
            transform: translate(45.1px, -42.9px) rotate(166deg);
    opacity: 0.6789435686;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(166deg);
            transform: translate(51.4px, -38.7px) rotate(166deg);
    opacity: 0.6789435686;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(166deg);
            transform: translate(58px, -32px) rotate(166deg);
    opacity: 0.6789435686;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(166deg);
            transform: translate(64.95px, -22.5px) rotate(166deg);
    opacity: 0.6789435686;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(166deg);
            transform: translate(72.15px, -10px) rotate(166deg);
    opacity: 0.6789435686;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(166deg);
            transform: translate(79.7px, 5.75px) rotate(166deg);
    opacity: 0.3394717843;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(166deg);
            transform: translate(87.5px, 25px) rotate(166deg);
    opacity: 0;
  }
}

@keyframes drop-left-92 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(166deg);
            transform: translate(0px, 0px) rotate(166deg);
    opacity: 0.6789435686;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(166deg);
            transform: translate(6.3px, -15px) rotate(166deg);
    opacity: 0.6789435686;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(166deg);
            transform: translate(14px, -28.8px) rotate(166deg);
    opacity: 0.6789435686;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(166deg);
            transform: translate(23.05px, -39.35px) rotate(166deg);
    opacity: 0.6789435686;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(166deg);
            transform: translate(28.1px, -42.8px) rotate(166deg);
    opacity: 0.6789435686;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(166deg);
            transform: translate(33.45px, -44.7px) rotate(166deg);
    opacity: 0.6789435686;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(166deg);
            transform: translate(39.1px, -44.8px) rotate(166deg);
    opacity: 0.6789435686;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(166deg);
            transform: translate(45.1px, -42.9px) rotate(166deg);
    opacity: 0.6789435686;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(166deg);
            transform: translate(51.4px, -38.7px) rotate(166deg);
    opacity: 0.6789435686;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(166deg);
            transform: translate(58px, -32px) rotate(166deg);
    opacity: 0.6789435686;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(166deg);
            transform: translate(64.95px, -22.5px) rotate(166deg);
    opacity: 0.6789435686;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(166deg);
            transform: translate(72.15px, -10px) rotate(166deg);
    opacity: 0.6789435686;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(166deg);
            transform: translate(79.7px, 5.75px) rotate(166deg);
    opacity: 0.3394717843;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(166deg);
            transform: translate(87.5px, 25px) rotate(166deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-92 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(113deg);
            transform: translate(0px, 0px) rotate(113deg);
    opacity: 1.3994044702;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(113deg);
            transform: translate(-9.45px, -22.5px) rotate(113deg);
    opacity: 1.3994044702;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(113deg);
            transform: translate(-21px, -43.2px) rotate(113deg);
    opacity: 1.3994044702;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(113deg);
            transform: translate(-34.575px, -59.025px) rotate(113deg);
    opacity: 1.3994044702;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(113deg);
            transform: translate(-42.15px, -64.2px) rotate(113deg);
    opacity: 1.3994044702;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(113deg);
            transform: translate(-50.175px, -67.05px) rotate(113deg);
    opacity: 1.3994044702;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(113deg);
            transform: translate(-58.65px, -67.2px) rotate(113deg);
    opacity: 1.3994044702;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(113deg);
            transform: translate(-67.65px, -64.35px) rotate(113deg);
    opacity: 1.3994044702;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(113deg);
            transform: translate(-77.1px, -58.05px) rotate(113deg);
    opacity: 1.3994044702;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(113deg);
            transform: translate(-87px, -48px) rotate(113deg);
    opacity: 1.3994044702;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(113deg);
            transform: translate(-97.425px, -33.75px) rotate(113deg);
    opacity: 1.3994044702;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(113deg);
            transform: translate(-108.225px, -15px) rotate(113deg);
    opacity: 1.3994044702;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(113deg);
            transform: translate(-119.55px, 8.625px) rotate(113deg);
    opacity: 0.6997022351;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(113deg);
            transform: translate(-131.25px, 37.5px) rotate(113deg);
    opacity: 0;
  }
}
@keyframes drop-right-92 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(113deg);
            transform: translate(0px, 0px) rotate(113deg);
    opacity: 1.3994044702;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(113deg);
            transform: translate(-9.45px, -22.5px) rotate(113deg);
    opacity: 1.3994044702;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(113deg);
            transform: translate(-21px, -43.2px) rotate(113deg);
    opacity: 1.3994044702;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(113deg);
            transform: translate(-34.575px, -59.025px) rotate(113deg);
    opacity: 1.3994044702;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(113deg);
            transform: translate(-42.15px, -64.2px) rotate(113deg);
    opacity: 1.3994044702;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(113deg);
            transform: translate(-50.175px, -67.05px) rotate(113deg);
    opacity: 1.3994044702;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(113deg);
            transform: translate(-58.65px, -67.2px) rotate(113deg);
    opacity: 1.3994044702;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(113deg);
            transform: translate(-67.65px, -64.35px) rotate(113deg);
    opacity: 1.3994044702;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(113deg);
            transform: translate(-77.1px, -58.05px) rotate(113deg);
    opacity: 1.3994044702;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(113deg);
            transform: translate(-87px, -48px) rotate(113deg);
    opacity: 1.3994044702;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(113deg);
            transform: translate(-97.425px, -33.75px) rotate(113deg);
    opacity: 1.3994044702;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(113deg);
            transform: translate(-108.225px, -15px) rotate(113deg);
    opacity: 1.3994044702;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(113deg);
            transform: translate(-119.55px, 8.625px) rotate(113deg);
    opacity: 0.6997022351;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(113deg);
            transform: translate(-131.25px, 37.5px) rotate(113deg);
    opacity: 0;
  }
}
.confetti-left-93,
.confetti-right-93 {
  width: 7px;
  height: 2.8px;
  background-color: #3FA5C3;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-93 {
  -webkit-animation: drop-left-93 1.7033564498s 1.2681706946s 2 forwards;
          animation: drop-left-93 1.7033564498s 1.2681706946s 2 forwards;
}

.confetti-right-93 {
  -webkit-animation: drop-right-93 1.714741628s 1.0266643448s 2 forwards;
          animation: drop-right-93 1.714741628s 1.0266643448s 2 forwards;
}

@-webkit-keyframes drop-left-93 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(223deg);
            transform: translate(0px, 0px) rotate(223deg);
    opacity: 1.4880683096;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(223deg);
            transform: translate(28.35px, -67.5px) rotate(223deg);
    opacity: 1.4880683096;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(223deg);
            transform: translate(63px, -129.6px) rotate(223deg);
    opacity: 1.4880683096;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(223deg);
            transform: translate(103.725px, -177.075px) rotate(223deg);
    opacity: 1.4880683096;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(223deg);
            transform: translate(126.45px, -192.6px) rotate(223deg);
    opacity: 1.4880683096;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(223deg);
            transform: translate(150.525px, -201.15px) rotate(223deg);
    opacity: 1.4880683096;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(223deg);
            transform: translate(175.95px, -201.6px) rotate(223deg);
    opacity: 1.4880683096;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(223deg);
            transform: translate(202.95px, -193.05px) rotate(223deg);
    opacity: 1.4880683096;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(223deg);
            transform: translate(231.3px, -174.15px) rotate(223deg);
    opacity: 1.4880683096;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(223deg);
            transform: translate(261px, -144px) rotate(223deg);
    opacity: 1.4880683096;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(223deg);
            transform: translate(292.275px, -101.25px) rotate(223deg);
    opacity: 1.4880683096;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(223deg);
            transform: translate(324.675px, -45px) rotate(223deg);
    opacity: 1.4880683096;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(223deg);
            transform: translate(358.65px, 25.875px) rotate(223deg);
    opacity: 0.7440341548;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(223deg);
            transform: translate(393.75px, 112.5px) rotate(223deg);
    opacity: 0;
  }
}

@keyframes drop-left-93 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(223deg);
            transform: translate(0px, 0px) rotate(223deg);
    opacity: 1.4880683096;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(223deg);
            transform: translate(28.35px, -67.5px) rotate(223deg);
    opacity: 1.4880683096;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(223deg);
            transform: translate(63px, -129.6px) rotate(223deg);
    opacity: 1.4880683096;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(223deg);
            transform: translate(103.725px, -177.075px) rotate(223deg);
    opacity: 1.4880683096;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(223deg);
            transform: translate(126.45px, -192.6px) rotate(223deg);
    opacity: 1.4880683096;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(223deg);
            transform: translate(150.525px, -201.15px) rotate(223deg);
    opacity: 1.4880683096;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(223deg);
            transform: translate(175.95px, -201.6px) rotate(223deg);
    opacity: 1.4880683096;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(223deg);
            transform: translate(202.95px, -193.05px) rotate(223deg);
    opacity: 1.4880683096;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(223deg);
            transform: translate(231.3px, -174.15px) rotate(223deg);
    opacity: 1.4880683096;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(223deg);
            transform: translate(261px, -144px) rotate(223deg);
    opacity: 1.4880683096;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(223deg);
            transform: translate(292.275px, -101.25px) rotate(223deg);
    opacity: 1.4880683096;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(223deg);
            transform: translate(324.675px, -45px) rotate(223deg);
    opacity: 1.4880683096;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(223deg);
            transform: translate(358.65px, 25.875px) rotate(223deg);
    opacity: 0.7440341548;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(223deg);
            transform: translate(393.75px, 112.5px) rotate(223deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-93 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(165deg);
            transform: translate(0px, 0px) rotate(165deg);
    opacity: 0.5626876681;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(165deg);
            transform: translate(-6.3px, -15px) rotate(165deg);
    opacity: 0.5626876681;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(165deg);
            transform: translate(-14px, -28.8px) rotate(165deg);
    opacity: 0.5626876681;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(165deg);
            transform: translate(-23.05px, -39.35px) rotate(165deg);
    opacity: 0.5626876681;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(165deg);
            transform: translate(-28.1px, -42.8px) rotate(165deg);
    opacity: 0.5626876681;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(165deg);
            transform: translate(-33.45px, -44.7px) rotate(165deg);
    opacity: 0.5626876681;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(165deg);
            transform: translate(-39.1px, -44.8px) rotate(165deg);
    opacity: 0.5626876681;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(165deg);
            transform: translate(-45.1px, -42.9px) rotate(165deg);
    opacity: 0.5626876681;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(165deg);
            transform: translate(-51.4px, -38.7px) rotate(165deg);
    opacity: 0.5626876681;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(165deg);
            transform: translate(-58px, -32px) rotate(165deg);
    opacity: 0.5626876681;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(165deg);
            transform: translate(-64.95px, -22.5px) rotate(165deg);
    opacity: 0.5626876681;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(165deg);
            transform: translate(-72.15px, -10px) rotate(165deg);
    opacity: 0.5626876681;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(165deg);
            transform: translate(-79.7px, 5.75px) rotate(165deg);
    opacity: 0.281343834;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(165deg);
            transform: translate(-87.5px, 25px) rotate(165deg);
    opacity: 0;
  }
}
@keyframes drop-right-93 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(165deg);
            transform: translate(0px, 0px) rotate(165deg);
    opacity: 0.5626876681;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(165deg);
            transform: translate(-6.3px, -15px) rotate(165deg);
    opacity: 0.5626876681;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(165deg);
            transform: translate(-14px, -28.8px) rotate(165deg);
    opacity: 0.5626876681;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(165deg);
            transform: translate(-23.05px, -39.35px) rotate(165deg);
    opacity: 0.5626876681;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(165deg);
            transform: translate(-28.1px, -42.8px) rotate(165deg);
    opacity: 0.5626876681;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(165deg);
            transform: translate(-33.45px, -44.7px) rotate(165deg);
    opacity: 0.5626876681;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(165deg);
            transform: translate(-39.1px, -44.8px) rotate(165deg);
    opacity: 0.5626876681;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(165deg);
            transform: translate(-45.1px, -42.9px) rotate(165deg);
    opacity: 0.5626876681;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(165deg);
            transform: translate(-51.4px, -38.7px) rotate(165deg);
    opacity: 0.5626876681;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(165deg);
            transform: translate(-58px, -32px) rotate(165deg);
    opacity: 0.5626876681;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(165deg);
            transform: translate(-64.95px, -22.5px) rotate(165deg);
    opacity: 0.5626876681;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(165deg);
            transform: translate(-72.15px, -10px) rotate(165deg);
    opacity: 0.5626876681;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(165deg);
            transform: translate(-79.7px, 5.75px) rotate(165deg);
    opacity: 0.281343834;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(165deg);
            transform: translate(-87.5px, 25px) rotate(165deg);
    opacity: 0;
  }
}
.confetti-left-94,
.confetti-right-94 {
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-94 {
  -webkit-animation: drop-left-94 1.6852698751s 1.0888604692s 2 forwards;
          animation: drop-left-94 1.6852698751s 1.0888604692s 2 forwards;
}

.confetti-right-94 {
  -webkit-animation: drop-right-94 1.7315893904s 0.8252884302s 2 forwards;
          animation: drop-right-94 1.7315893904s 0.8252884302s 2 forwards;
}

@-webkit-keyframes drop-left-94 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(338deg);
            transform: translate(0px, 0px) rotate(338deg);
    opacity: 0.6292129459;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(338deg);
            transform: translate(3.15px, -7.5px) rotate(338deg);
    opacity: 0.6292129459;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(338deg);
            transform: translate(7px, -14.4px) rotate(338deg);
    opacity: 0.6292129459;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(338deg);
            transform: translate(11.525px, -19.675px) rotate(338deg);
    opacity: 0.6292129459;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(338deg);
            transform: translate(14.05px, -21.4px) rotate(338deg);
    opacity: 0.6292129459;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(338deg);
            transform: translate(16.725px, -22.35px) rotate(338deg);
    opacity: 0.6292129459;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(338deg);
            transform: translate(19.55px, -22.4px) rotate(338deg);
    opacity: 0.6292129459;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(338deg);
            transform: translate(22.55px, -21.45px) rotate(338deg);
    opacity: 0.6292129459;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(338deg);
            transform: translate(25.7px, -19.35px) rotate(338deg);
    opacity: 0.6292129459;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(338deg);
            transform: translate(29px, -16px) rotate(338deg);
    opacity: 0.6292129459;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(338deg);
            transform: translate(32.475px, -11.25px) rotate(338deg);
    opacity: 0.6292129459;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(338deg);
            transform: translate(36.075px, -5px) rotate(338deg);
    opacity: 0.6292129459;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(338deg);
            transform: translate(39.85px, 2.875px) rotate(338deg);
    opacity: 0.3146064729;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(338deg);
            transform: translate(43.75px, 12.5px) rotate(338deg);
    opacity: 0;
  }
}

@keyframes drop-left-94 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(338deg);
            transform: translate(0px, 0px) rotate(338deg);
    opacity: 0.6292129459;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(338deg);
            transform: translate(3.15px, -7.5px) rotate(338deg);
    opacity: 0.6292129459;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(338deg);
            transform: translate(7px, -14.4px) rotate(338deg);
    opacity: 0.6292129459;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(338deg);
            transform: translate(11.525px, -19.675px) rotate(338deg);
    opacity: 0.6292129459;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(338deg);
            transform: translate(14.05px, -21.4px) rotate(338deg);
    opacity: 0.6292129459;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(338deg);
            transform: translate(16.725px, -22.35px) rotate(338deg);
    opacity: 0.6292129459;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(338deg);
            transform: translate(19.55px, -22.4px) rotate(338deg);
    opacity: 0.6292129459;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(338deg);
            transform: translate(22.55px, -21.45px) rotate(338deg);
    opacity: 0.6292129459;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(338deg);
            transform: translate(25.7px, -19.35px) rotate(338deg);
    opacity: 0.6292129459;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(338deg);
            transform: translate(29px, -16px) rotate(338deg);
    opacity: 0.6292129459;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(338deg);
            transform: translate(32.475px, -11.25px) rotate(338deg);
    opacity: 0.6292129459;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(338deg);
            transform: translate(36.075px, -5px) rotate(338deg);
    opacity: 0.6292129459;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(338deg);
            transform: translate(39.85px, 2.875px) rotate(338deg);
    opacity: 0.3146064729;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(338deg);
            transform: translate(43.75px, 12.5px) rotate(338deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-94 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(64deg);
            transform: translate(0px, 0px) rotate(64deg);
    opacity: 0.7152919169;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(64deg);
            transform: translate(-12.6px, -30px) rotate(64deg);
    opacity: 0.7152919169;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(64deg);
            transform: translate(-28px, -57.6px) rotate(64deg);
    opacity: 0.7152919169;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(64deg);
            transform: translate(-46.1px, -78.7px) rotate(64deg);
    opacity: 0.7152919169;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(64deg);
            transform: translate(-56.2px, -85.6px) rotate(64deg);
    opacity: 0.7152919169;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(64deg);
            transform: translate(-66.9px, -89.4px) rotate(64deg);
    opacity: 0.7152919169;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(64deg);
            transform: translate(-78.2px, -89.6px) rotate(64deg);
    opacity: 0.7152919169;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(64deg);
            transform: translate(-90.2px, -85.8px) rotate(64deg);
    opacity: 0.7152919169;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(64deg);
            transform: translate(-102.8px, -77.4px) rotate(64deg);
    opacity: 0.7152919169;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(64deg);
            transform: translate(-116px, -64px) rotate(64deg);
    opacity: 0.7152919169;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(64deg);
            transform: translate(-129.9px, -45px) rotate(64deg);
    opacity: 0.7152919169;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(64deg);
            transform: translate(-144.3px, -20px) rotate(64deg);
    opacity: 0.7152919169;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(64deg);
            transform: translate(-159.4px, 11.5px) rotate(64deg);
    opacity: 0.3576459585;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(64deg);
            transform: translate(-175px, 50px) rotate(64deg);
    opacity: 0;
  }
}
@keyframes drop-right-94 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(64deg);
            transform: translate(0px, 0px) rotate(64deg);
    opacity: 0.7152919169;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(64deg);
            transform: translate(-12.6px, -30px) rotate(64deg);
    opacity: 0.7152919169;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(64deg);
            transform: translate(-28px, -57.6px) rotate(64deg);
    opacity: 0.7152919169;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(64deg);
            transform: translate(-46.1px, -78.7px) rotate(64deg);
    opacity: 0.7152919169;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(64deg);
            transform: translate(-56.2px, -85.6px) rotate(64deg);
    opacity: 0.7152919169;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(64deg);
            transform: translate(-66.9px, -89.4px) rotate(64deg);
    opacity: 0.7152919169;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(64deg);
            transform: translate(-78.2px, -89.6px) rotate(64deg);
    opacity: 0.7152919169;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(64deg);
            transform: translate(-90.2px, -85.8px) rotate(64deg);
    opacity: 0.7152919169;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(64deg);
            transform: translate(-102.8px, -77.4px) rotate(64deg);
    opacity: 0.7152919169;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(64deg);
            transform: translate(-116px, -64px) rotate(64deg);
    opacity: 0.7152919169;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(64deg);
            transform: translate(-129.9px, -45px) rotate(64deg);
    opacity: 0.7152919169;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(64deg);
            transform: translate(-144.3px, -20px) rotate(64deg);
    opacity: 0.7152919169;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(64deg);
            transform: translate(-159.4px, 11.5px) rotate(64deg);
    opacity: 0.3576459585;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(64deg);
            transform: translate(-175px, 50px) rotate(64deg);
    opacity: 0;
  }
}
.confetti-left-95,
.confetti-right-95 {
  width: 13px;
  height: 5.2px;
  background-color: #E61D47;
  top: calc(25% - 13px);
  left: calc(50% - 3.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-95 {
  -webkit-animation: drop-left-95 1.1458797401s 1.4311553992s 2 forwards;
          animation: drop-left-95 1.1458797401s 1.4311553992s 2 forwards;
}

.confetti-right-95 {
  -webkit-animation: drop-right-95 1.5215485109s 1.168713061s 2 forwards;
          animation: drop-right-95 1.5215485109s 1.168713061s 2 forwards;
}

@-webkit-keyframes drop-left-95 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(42deg);
            transform: translate(0px, 0px) rotate(42deg);
    opacity: 1.1102266645;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(42deg);
            transform: translate(25.2px, -60px) rotate(42deg);
    opacity: 1.1102266645;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(42deg);
            transform: translate(56px, -115.2px) rotate(42deg);
    opacity: 1.1102266645;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(42deg);
            transform: translate(92.2px, -157.4px) rotate(42deg);
    opacity: 1.1102266645;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(42deg);
            transform: translate(112.4px, -171.2px) rotate(42deg);
    opacity: 1.1102266645;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(42deg);
            transform: translate(133.8px, -178.8px) rotate(42deg);
    opacity: 1.1102266645;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(42deg);
            transform: translate(156.4px, -179.2px) rotate(42deg);
    opacity: 1.1102266645;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(42deg);
            transform: translate(180.4px, -171.6px) rotate(42deg);
    opacity: 1.1102266645;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(42deg);
            transform: translate(205.6px, -154.8px) rotate(42deg);
    opacity: 1.1102266645;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(42deg);
            transform: translate(232px, -128px) rotate(42deg);
    opacity: 1.1102266645;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(42deg);
            transform: translate(259.8px, -90px) rotate(42deg);
    opacity: 1.1102266645;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(42deg);
            transform: translate(288.6px, -40px) rotate(42deg);
    opacity: 1.1102266645;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(42deg);
            transform: translate(318.8px, 23px) rotate(42deg);
    opacity: 0.5551133322;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(42deg);
            transform: translate(350px, 100px) rotate(42deg);
    opacity: 0;
  }
}

@keyframes drop-left-95 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(42deg);
            transform: translate(0px, 0px) rotate(42deg);
    opacity: 1.1102266645;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(42deg);
            transform: translate(25.2px, -60px) rotate(42deg);
    opacity: 1.1102266645;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(42deg);
            transform: translate(56px, -115.2px) rotate(42deg);
    opacity: 1.1102266645;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(42deg);
            transform: translate(92.2px, -157.4px) rotate(42deg);
    opacity: 1.1102266645;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(42deg);
            transform: translate(112.4px, -171.2px) rotate(42deg);
    opacity: 1.1102266645;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(42deg);
            transform: translate(133.8px, -178.8px) rotate(42deg);
    opacity: 1.1102266645;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(42deg);
            transform: translate(156.4px, -179.2px) rotate(42deg);
    opacity: 1.1102266645;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(42deg);
            transform: translate(180.4px, -171.6px) rotate(42deg);
    opacity: 1.1102266645;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(42deg);
            transform: translate(205.6px, -154.8px) rotate(42deg);
    opacity: 1.1102266645;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(42deg);
            transform: translate(232px, -128px) rotate(42deg);
    opacity: 1.1102266645;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(42deg);
            transform: translate(259.8px, -90px) rotate(42deg);
    opacity: 1.1102266645;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(42deg);
            transform: translate(288.6px, -40px) rotate(42deg);
    opacity: 1.1102266645;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(42deg);
            transform: translate(318.8px, 23px) rotate(42deg);
    opacity: 0.5551133322;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(42deg);
            transform: translate(350px, 100px) rotate(42deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-95 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(166deg);
            transform: translate(0px, 0px) rotate(166deg);
    opacity: 0.992588398;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(166deg);
            transform: translate(-31.5px, -75px) rotate(166deg);
    opacity: 0.992588398;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(166deg);
            transform: translate(-70px, -144px) rotate(166deg);
    opacity: 0.992588398;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(166deg);
            transform: translate(-115.25px, -196.75px) rotate(166deg);
    opacity: 0.992588398;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(166deg);
            transform: translate(-140.5px, -214px) rotate(166deg);
    opacity: 0.992588398;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(166deg);
            transform: translate(-167.25px, -223.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(166deg);
            transform: translate(-195.5px, -224px) rotate(166deg);
    opacity: 0.992588398;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(166deg);
            transform: translate(-225.5px, -214.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(166deg);
            transform: translate(-257px, -193.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(166deg);
            transform: translate(-290px, -160px) rotate(166deg);
    opacity: 0.992588398;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(166deg);
            transform: translate(-324.75px, -112.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(166deg);
            transform: translate(-360.75px, -50px) rotate(166deg);
    opacity: 0.992588398;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(166deg);
            transform: translate(-398.5px, 28.75px) rotate(166deg);
    opacity: 0.496294199;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(166deg);
            transform: translate(-437.5px, 125px) rotate(166deg);
    opacity: 0;
  }
}
@keyframes drop-right-95 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(166deg);
            transform: translate(0px, 0px) rotate(166deg);
    opacity: 0.992588398;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(166deg);
            transform: translate(-31.5px, -75px) rotate(166deg);
    opacity: 0.992588398;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(166deg);
            transform: translate(-70px, -144px) rotate(166deg);
    opacity: 0.992588398;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(166deg);
            transform: translate(-115.25px, -196.75px) rotate(166deg);
    opacity: 0.992588398;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(166deg);
            transform: translate(-140.5px, -214px) rotate(166deg);
    opacity: 0.992588398;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(166deg);
            transform: translate(-167.25px, -223.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(166deg);
            transform: translate(-195.5px, -224px) rotate(166deg);
    opacity: 0.992588398;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(166deg);
            transform: translate(-225.5px, -214.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(166deg);
            transform: translate(-257px, -193.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(166deg);
            transform: translate(-290px, -160px) rotate(166deg);
    opacity: 0.992588398;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(166deg);
            transform: translate(-324.75px, -112.5px) rotate(166deg);
    opacity: 0.992588398;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(166deg);
            transform: translate(-360.75px, -50px) rotate(166deg);
    opacity: 0.992588398;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(166deg);
            transform: translate(-398.5px, 28.75px) rotate(166deg);
    opacity: 0.496294199;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(166deg);
            transform: translate(-437.5px, 125px) rotate(166deg);
    opacity: 0;
  }
}
.confetti-left-96,
.confetti-right-96 {
  background-color: transparent;
  border-bottom: 1.5px solid #8AB925;
  border-left: 0.75px solid transparent;
  border-right: 0.75px solid transparent;
  height: 0;
  width: 1.5px;
  top: calc(25% - 3px);
  left: calc(50% - 0.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-96 {
  -webkit-animation: drop-left-96 1.1412158634s 0.7699882548s 2 forwards;
          animation: drop-left-96 1.1412158634s 0.7699882548s 2 forwards;
}

.confetti-right-96 {
  -webkit-animation: drop-right-96 1.0462207754s 1.375460382s 2 forwards;
          animation: drop-right-96 1.0462207754s 1.375460382s 2 forwards;
}

@-webkit-keyframes drop-left-96 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(86deg);
            transform: translate(0px, 0px) rotate(86deg);
    opacity: 0.5130792882;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(86deg);
            transform: translate(9.45px, -22.5px) rotate(86deg);
    opacity: 0.5130792882;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(86deg);
            transform: translate(21px, -43.2px) rotate(86deg);
    opacity: 0.5130792882;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(86deg);
            transform: translate(34.575px, -59.025px) rotate(86deg);
    opacity: 0.5130792882;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(86deg);
            transform: translate(42.15px, -64.2px) rotate(86deg);
    opacity: 0.5130792882;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(86deg);
            transform: translate(50.175px, -67.05px) rotate(86deg);
    opacity: 0.5130792882;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(86deg);
            transform: translate(58.65px, -67.2px) rotate(86deg);
    opacity: 0.5130792882;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(86deg);
            transform: translate(67.65px, -64.35px) rotate(86deg);
    opacity: 0.5130792882;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(86deg);
            transform: translate(77.1px, -58.05px) rotate(86deg);
    opacity: 0.5130792882;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(86deg);
            transform: translate(87px, -48px) rotate(86deg);
    opacity: 0.5130792882;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(86deg);
            transform: translate(97.425px, -33.75px) rotate(86deg);
    opacity: 0.5130792882;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(86deg);
            transform: translate(108.225px, -15px) rotate(86deg);
    opacity: 0.5130792882;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(86deg);
            transform: translate(119.55px, 8.625px) rotate(86deg);
    opacity: 0.2565396441;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(86deg);
            transform: translate(131.25px, 37.5px) rotate(86deg);
    opacity: 0;
  }
}

@keyframes drop-left-96 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(86deg);
            transform: translate(0px, 0px) rotate(86deg);
    opacity: 0.5130792882;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(86deg);
            transform: translate(9.45px, -22.5px) rotate(86deg);
    opacity: 0.5130792882;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(86deg);
            transform: translate(21px, -43.2px) rotate(86deg);
    opacity: 0.5130792882;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(86deg);
            transform: translate(34.575px, -59.025px) rotate(86deg);
    opacity: 0.5130792882;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(86deg);
            transform: translate(42.15px, -64.2px) rotate(86deg);
    opacity: 0.5130792882;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(86deg);
            transform: translate(50.175px, -67.05px) rotate(86deg);
    opacity: 0.5130792882;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(86deg);
            transform: translate(58.65px, -67.2px) rotate(86deg);
    opacity: 0.5130792882;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(86deg);
            transform: translate(67.65px, -64.35px) rotate(86deg);
    opacity: 0.5130792882;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(86deg);
            transform: translate(77.1px, -58.05px) rotate(86deg);
    opacity: 0.5130792882;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(86deg);
            transform: translate(87px, -48px) rotate(86deg);
    opacity: 0.5130792882;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(86deg);
            transform: translate(97.425px, -33.75px) rotate(86deg);
    opacity: 0.5130792882;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(86deg);
            transform: translate(108.225px, -15px) rotate(86deg);
    opacity: 0.5130792882;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(86deg);
            transform: translate(119.55px, 8.625px) rotate(86deg);
    opacity: 0.2565396441;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(86deg);
            transform: translate(131.25px, 37.5px) rotate(86deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-96 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(61deg);
            transform: translate(0px, 0px) rotate(61deg);
    opacity: 1.2941738139;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(61deg);
            transform: translate(-6.3px, -15px) rotate(61deg);
    opacity: 1.2941738139;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(61deg);
            transform: translate(-14px, -28.8px) rotate(61deg);
    opacity: 1.2941738139;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(61deg);
            transform: translate(-23.05px, -39.35px) rotate(61deg);
    opacity: 1.2941738139;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(61deg);
            transform: translate(-28.1px, -42.8px) rotate(61deg);
    opacity: 1.2941738139;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(61deg);
            transform: translate(-33.45px, -44.7px) rotate(61deg);
    opacity: 1.2941738139;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(61deg);
            transform: translate(-39.1px, -44.8px) rotate(61deg);
    opacity: 1.2941738139;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(61deg);
            transform: translate(-45.1px, -42.9px) rotate(61deg);
    opacity: 1.2941738139;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(61deg);
            transform: translate(-51.4px, -38.7px) rotate(61deg);
    opacity: 1.2941738139;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(61deg);
            transform: translate(-58px, -32px) rotate(61deg);
    opacity: 1.2941738139;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(61deg);
            transform: translate(-64.95px, -22.5px) rotate(61deg);
    opacity: 1.2941738139;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(61deg);
            transform: translate(-72.15px, -10px) rotate(61deg);
    opacity: 1.2941738139;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(61deg);
            transform: translate(-79.7px, 5.75px) rotate(61deg);
    opacity: 0.647086907;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(61deg);
            transform: translate(-87.5px, 25px) rotate(61deg);
    opacity: 0;
  }
}
@keyframes drop-right-96 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(61deg);
            transform: translate(0px, 0px) rotate(61deg);
    opacity: 1.2941738139;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(61deg);
            transform: translate(-6.3px, -15px) rotate(61deg);
    opacity: 1.2941738139;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(61deg);
            transform: translate(-14px, -28.8px) rotate(61deg);
    opacity: 1.2941738139;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(61deg);
            transform: translate(-23.05px, -39.35px) rotate(61deg);
    opacity: 1.2941738139;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(61deg);
            transform: translate(-28.1px, -42.8px) rotate(61deg);
    opacity: 1.2941738139;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(61deg);
            transform: translate(-33.45px, -44.7px) rotate(61deg);
    opacity: 1.2941738139;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(61deg);
            transform: translate(-39.1px, -44.8px) rotate(61deg);
    opacity: 1.2941738139;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(61deg);
            transform: translate(-45.1px, -42.9px) rotate(61deg);
    opacity: 1.2941738139;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(61deg);
            transform: translate(-51.4px, -38.7px) rotate(61deg);
    opacity: 1.2941738139;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(61deg);
            transform: translate(-58px, -32px) rotate(61deg);
    opacity: 1.2941738139;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(61deg);
            transform: translate(-64.95px, -22.5px) rotate(61deg);
    opacity: 1.2941738139;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(61deg);
            transform: translate(-72.15px, -10px) rotate(61deg);
    opacity: 1.2941738139;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(61deg);
            transform: translate(-79.7px, 5.75px) rotate(61deg);
    opacity: 0.647086907;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(61deg);
            transform: translate(-87.5px, 25px) rotate(61deg);
    opacity: 0;
  }
}
.confetti-left-97,
.confetti-right-97 {
  width: 15px;
  height: 6px;
  background-color: #3FA5C3;
  top: calc(25% - 15px);
  left: calc(50% - 4.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-97 {
  -webkit-animation: drop-left-97 1.6741034353s 0.886160015s 2 forwards;
          animation: drop-left-97 1.6741034353s 0.886160015s 2 forwards;
}

.confetti-right-97 {
  -webkit-animation: drop-right-97 1.1610396737s 0.4514852862s 2 forwards;
          animation: drop-right-97 1.1610396737s 0.4514852862s 2 forwards;
}

@-webkit-keyframes drop-left-97 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(170deg);
            transform: translate(0px, 0px) rotate(170deg);
    opacity: 0.7445963693;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(170deg);
            transform: translate(9.45px, -22.5px) rotate(170deg);
    opacity: 0.7445963693;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(170deg);
            transform: translate(21px, -43.2px) rotate(170deg);
    opacity: 0.7445963693;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(170deg);
            transform: translate(34.575px, -59.025px) rotate(170deg);
    opacity: 0.7445963693;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(170deg);
            transform: translate(42.15px, -64.2px) rotate(170deg);
    opacity: 0.7445963693;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(170deg);
            transform: translate(50.175px, -67.05px) rotate(170deg);
    opacity: 0.7445963693;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(170deg);
            transform: translate(58.65px, -67.2px) rotate(170deg);
    opacity: 0.7445963693;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(170deg);
            transform: translate(67.65px, -64.35px) rotate(170deg);
    opacity: 0.7445963693;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(170deg);
            transform: translate(77.1px, -58.05px) rotate(170deg);
    opacity: 0.7445963693;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(170deg);
            transform: translate(87px, -48px) rotate(170deg);
    opacity: 0.7445963693;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(170deg);
            transform: translate(97.425px, -33.75px) rotate(170deg);
    opacity: 0.7445963693;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(170deg);
            transform: translate(108.225px, -15px) rotate(170deg);
    opacity: 0.7445963693;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(170deg);
            transform: translate(119.55px, 8.625px) rotate(170deg);
    opacity: 0.3722981847;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(170deg);
            transform: translate(131.25px, 37.5px) rotate(170deg);
    opacity: 0;
  }
}

@keyframes drop-left-97 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(170deg);
            transform: translate(0px, 0px) rotate(170deg);
    opacity: 0.7445963693;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(170deg);
            transform: translate(9.45px, -22.5px) rotate(170deg);
    opacity: 0.7445963693;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(170deg);
            transform: translate(21px, -43.2px) rotate(170deg);
    opacity: 0.7445963693;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(170deg);
            transform: translate(34.575px, -59.025px) rotate(170deg);
    opacity: 0.7445963693;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(170deg);
            transform: translate(42.15px, -64.2px) rotate(170deg);
    opacity: 0.7445963693;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(170deg);
            transform: translate(50.175px, -67.05px) rotate(170deg);
    opacity: 0.7445963693;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(170deg);
            transform: translate(58.65px, -67.2px) rotate(170deg);
    opacity: 0.7445963693;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(170deg);
            transform: translate(67.65px, -64.35px) rotate(170deg);
    opacity: 0.7445963693;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(170deg);
            transform: translate(77.1px, -58.05px) rotate(170deg);
    opacity: 0.7445963693;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(170deg);
            transform: translate(87px, -48px) rotate(170deg);
    opacity: 0.7445963693;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(170deg);
            transform: translate(97.425px, -33.75px) rotate(170deg);
    opacity: 0.7445963693;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(170deg);
            transform: translate(108.225px, -15px) rotate(170deg);
    opacity: 0.7445963693;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(170deg);
            transform: translate(119.55px, 8.625px) rotate(170deg);
    opacity: 0.3722981847;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(170deg);
            transform: translate(131.25px, 37.5px) rotate(170deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-97 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(176deg);
            transform: translate(0px, 0px) rotate(176deg);
    opacity: 0.6259892863;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(176deg);
            transform: translate(-28.35px, -67.5px) rotate(176deg);
    opacity: 0.6259892863;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(176deg);
            transform: translate(-63px, -129.6px) rotate(176deg);
    opacity: 0.6259892863;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(176deg);
            transform: translate(-103.725px, -177.075px) rotate(176deg);
    opacity: 0.6259892863;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(176deg);
            transform: translate(-126.45px, -192.6px) rotate(176deg);
    opacity: 0.6259892863;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(176deg);
            transform: translate(-150.525px, -201.15px) rotate(176deg);
    opacity: 0.6259892863;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(176deg);
            transform: translate(-175.95px, -201.6px) rotate(176deg);
    opacity: 0.6259892863;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(176deg);
            transform: translate(-202.95px, -193.05px) rotate(176deg);
    opacity: 0.6259892863;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(176deg);
            transform: translate(-231.3px, -174.15px) rotate(176deg);
    opacity: 0.6259892863;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(176deg);
            transform: translate(-261px, -144px) rotate(176deg);
    opacity: 0.6259892863;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(176deg);
            transform: translate(-292.275px, -101.25px) rotate(176deg);
    opacity: 0.6259892863;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(176deg);
            transform: translate(-324.675px, -45px) rotate(176deg);
    opacity: 0.6259892863;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(176deg);
            transform: translate(-358.65px, 25.875px) rotate(176deg);
    opacity: 0.3129946431;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(176deg);
            transform: translate(-393.75px, 112.5px) rotate(176deg);
    opacity: 0;
  }
}
@keyframes drop-right-97 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(176deg);
            transform: translate(0px, 0px) rotate(176deg);
    opacity: 0.6259892863;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(176deg);
            transform: translate(-28.35px, -67.5px) rotate(176deg);
    opacity: 0.6259892863;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(176deg);
            transform: translate(-63px, -129.6px) rotate(176deg);
    opacity: 0.6259892863;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(176deg);
            transform: translate(-103.725px, -177.075px) rotate(176deg);
    opacity: 0.6259892863;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(176deg);
            transform: translate(-126.45px, -192.6px) rotate(176deg);
    opacity: 0.6259892863;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(176deg);
            transform: translate(-150.525px, -201.15px) rotate(176deg);
    opacity: 0.6259892863;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(176deg);
            transform: translate(-175.95px, -201.6px) rotate(176deg);
    opacity: 0.6259892863;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(176deg);
            transform: translate(-202.95px, -193.05px) rotate(176deg);
    opacity: 0.6259892863;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(176deg);
            transform: translate(-231.3px, -174.15px) rotate(176deg);
    opacity: 0.6259892863;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(176deg);
            transform: translate(-261px, -144px) rotate(176deg);
    opacity: 0.6259892863;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(176deg);
            transform: translate(-292.275px, -101.25px) rotate(176deg);
    opacity: 0.6259892863;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(176deg);
            transform: translate(-324.675px, -45px) rotate(176deg);
    opacity: 0.6259892863;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(176deg);
            transform: translate(-358.65px, 25.875px) rotate(176deg);
    opacity: 0.3129946431;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(176deg);
            transform: translate(-393.75px, 112.5px) rotate(176deg);
    opacity: 0;
  }
}
.confetti-left-98,
.confetti-right-98 {
  background-color: transparent;
  border-bottom: 5px solid #8AB925;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  height: 0;
  width: 5px;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-98 {
  -webkit-animation: drop-left-98 1.7849687855s 1.0265940402s 2 forwards;
          animation: drop-left-98 1.7849687855s 1.0265940402s 2 forwards;
}

.confetti-right-98 {
  -webkit-animation: drop-right-98 1.7780728433s 0.6581663174s 2 forwards;
          animation: drop-right-98 1.7780728433s 0.6581663174s 2 forwards;
}

@-webkit-keyframes drop-left-98 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(329deg);
            transform: translate(0px, 0px) rotate(329deg);
    opacity: 1.0773272384;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(329deg);
            transform: translate(22.05px, -52.5px) rotate(329deg);
    opacity: 1.0773272384;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(329deg);
            transform: translate(49px, -100.8px) rotate(329deg);
    opacity: 1.0773272384;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(329deg);
            transform: translate(80.675px, -137.725px) rotate(329deg);
    opacity: 1.0773272384;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(329deg);
            transform: translate(98.35px, -149.8px) rotate(329deg);
    opacity: 1.0773272384;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(329deg);
            transform: translate(117.075px, -156.45px) rotate(329deg);
    opacity: 1.0773272384;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(329deg);
            transform: translate(136.85px, -156.8px) rotate(329deg);
    opacity: 1.0773272384;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(329deg);
            transform: translate(157.85px, -150.15px) rotate(329deg);
    opacity: 1.0773272384;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(329deg);
            transform: translate(179.9px, -135.45px) rotate(329deg);
    opacity: 1.0773272384;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(329deg);
            transform: translate(203px, -112px) rotate(329deg);
    opacity: 1.0773272384;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(329deg);
            transform: translate(227.325px, -78.75px) rotate(329deg);
    opacity: 1.0773272384;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(329deg);
            transform: translate(252.525px, -35px) rotate(329deg);
    opacity: 1.0773272384;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(329deg);
            transform: translate(278.95px, 20.125px) rotate(329deg);
    opacity: 0.5386636192;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(329deg);
            transform: translate(306.25px, 87.5px) rotate(329deg);
    opacity: 0;
  }
}

@keyframes drop-left-98 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(329deg);
            transform: translate(0px, 0px) rotate(329deg);
    opacity: 1.0773272384;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(329deg);
            transform: translate(22.05px, -52.5px) rotate(329deg);
    opacity: 1.0773272384;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(329deg);
            transform: translate(49px, -100.8px) rotate(329deg);
    opacity: 1.0773272384;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(329deg);
            transform: translate(80.675px, -137.725px) rotate(329deg);
    opacity: 1.0773272384;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(329deg);
            transform: translate(98.35px, -149.8px) rotate(329deg);
    opacity: 1.0773272384;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(329deg);
            transform: translate(117.075px, -156.45px) rotate(329deg);
    opacity: 1.0773272384;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(329deg);
            transform: translate(136.85px, -156.8px) rotate(329deg);
    opacity: 1.0773272384;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(329deg);
            transform: translate(157.85px, -150.15px) rotate(329deg);
    opacity: 1.0773272384;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(329deg);
            transform: translate(179.9px, -135.45px) rotate(329deg);
    opacity: 1.0773272384;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(329deg);
            transform: translate(203px, -112px) rotate(329deg);
    opacity: 1.0773272384;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(329deg);
            transform: translate(227.325px, -78.75px) rotate(329deg);
    opacity: 1.0773272384;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(329deg);
            transform: translate(252.525px, -35px) rotate(329deg);
    opacity: 1.0773272384;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(329deg);
            transform: translate(278.95px, 20.125px) rotate(329deg);
    opacity: 0.5386636192;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(329deg);
            transform: translate(306.25px, 87.5px) rotate(329deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-98 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(314deg);
            transform: translate(0px, 0px) rotate(314deg);
    opacity: 0.8270869615;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(314deg);
            transform: translate(-25.2px, -60px) rotate(314deg);
    opacity: 0.8270869615;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(314deg);
            transform: translate(-56px, -115.2px) rotate(314deg);
    opacity: 0.8270869615;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(314deg);
            transform: translate(-92.2px, -157.4px) rotate(314deg);
    opacity: 0.8270869615;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(314deg);
            transform: translate(-112.4px, -171.2px) rotate(314deg);
    opacity: 0.8270869615;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(314deg);
            transform: translate(-133.8px, -178.8px) rotate(314deg);
    opacity: 0.8270869615;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(314deg);
            transform: translate(-156.4px, -179.2px) rotate(314deg);
    opacity: 0.8270869615;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(314deg);
            transform: translate(-180.4px, -171.6px) rotate(314deg);
    opacity: 0.8270869615;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(314deg);
            transform: translate(-205.6px, -154.8px) rotate(314deg);
    opacity: 0.8270869615;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(314deg);
            transform: translate(-232px, -128px) rotate(314deg);
    opacity: 0.8270869615;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(314deg);
            transform: translate(-259.8px, -90px) rotate(314deg);
    opacity: 0.8270869615;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(314deg);
            transform: translate(-288.6px, -40px) rotate(314deg);
    opacity: 0.8270869615;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(314deg);
            transform: translate(-318.8px, 23px) rotate(314deg);
    opacity: 0.4135434807;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(314deg);
            transform: translate(-350px, 100px) rotate(314deg);
    opacity: 0;
  }
}
@keyframes drop-right-98 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(314deg);
            transform: translate(0px, 0px) rotate(314deg);
    opacity: 0.8270869615;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(314deg);
            transform: translate(-25.2px, -60px) rotate(314deg);
    opacity: 0.8270869615;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(314deg);
            transform: translate(-56px, -115.2px) rotate(314deg);
    opacity: 0.8270869615;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(314deg);
            transform: translate(-92.2px, -157.4px) rotate(314deg);
    opacity: 0.8270869615;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(314deg);
            transform: translate(-112.4px, -171.2px) rotate(314deg);
    opacity: 0.8270869615;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(314deg);
            transform: translate(-133.8px, -178.8px) rotate(314deg);
    opacity: 0.8270869615;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(314deg);
            transform: translate(-156.4px, -179.2px) rotate(314deg);
    opacity: 0.8270869615;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(314deg);
            transform: translate(-180.4px, -171.6px) rotate(314deg);
    opacity: 0.8270869615;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(314deg);
            transform: translate(-205.6px, -154.8px) rotate(314deg);
    opacity: 0.8270869615;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(314deg);
            transform: translate(-232px, -128px) rotate(314deg);
    opacity: 0.8270869615;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(314deg);
            transform: translate(-259.8px, -90px) rotate(314deg);
    opacity: 0.8270869615;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(314deg);
            transform: translate(-288.6px, -40px) rotate(314deg);
    opacity: 0.8270869615;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(314deg);
            transform: translate(-318.8px, 23px) rotate(314deg);
    opacity: 0.4135434807;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(314deg);
            transform: translate(-350px, 100px) rotate(314deg);
    opacity: 0;
  }
}
.confetti-left-99,
.confetti-right-99 {
  width: 7px;
  height: 2.8px;
  background-color: #3FA5C3;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-99 {
  -webkit-animation: drop-left-99 1.3758130558s 0.6705738945s 2 forwards;
          animation: drop-left-99 1.3758130558s 0.6705738945s 2 forwards;
}

.confetti-right-99 {
  -webkit-animation: drop-right-99 1.8452292223s 1.3744450275s 2 forwards;
          animation: drop-right-99 1.8452292223s 1.3744450275s 2 forwards;
}

@-webkit-keyframes drop-left-99 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(283deg);
            transform: translate(0px, 0px) rotate(283deg);
    opacity: 1.4237731121;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(283deg);
            transform: translate(22.05px, -52.5px) rotate(283deg);
    opacity: 1.4237731121;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(283deg);
            transform: translate(49px, -100.8px) rotate(283deg);
    opacity: 1.4237731121;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(283deg);
            transform: translate(80.675px, -137.725px) rotate(283deg);
    opacity: 1.4237731121;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(283deg);
            transform: translate(98.35px, -149.8px) rotate(283deg);
    opacity: 1.4237731121;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(283deg);
            transform: translate(117.075px, -156.45px) rotate(283deg);
    opacity: 1.4237731121;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(283deg);
            transform: translate(136.85px, -156.8px) rotate(283deg);
    opacity: 1.4237731121;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(283deg);
            transform: translate(157.85px, -150.15px) rotate(283deg);
    opacity: 1.4237731121;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(283deg);
            transform: translate(179.9px, -135.45px) rotate(283deg);
    opacity: 1.4237731121;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(283deg);
            transform: translate(203px, -112px) rotate(283deg);
    opacity: 1.4237731121;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(283deg);
            transform: translate(227.325px, -78.75px) rotate(283deg);
    opacity: 1.4237731121;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(283deg);
            transform: translate(252.525px, -35px) rotate(283deg);
    opacity: 1.4237731121;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(283deg);
            transform: translate(278.95px, 20.125px) rotate(283deg);
    opacity: 0.711886556;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(283deg);
            transform: translate(306.25px, 87.5px) rotate(283deg);
    opacity: 0;
  }
}

@keyframes drop-left-99 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(283deg);
            transform: translate(0px, 0px) rotate(283deg);
    opacity: 1.4237731121;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(283deg);
            transform: translate(22.05px, -52.5px) rotate(283deg);
    opacity: 1.4237731121;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(283deg);
            transform: translate(49px, -100.8px) rotate(283deg);
    opacity: 1.4237731121;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(283deg);
            transform: translate(80.675px, -137.725px) rotate(283deg);
    opacity: 1.4237731121;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(283deg);
            transform: translate(98.35px, -149.8px) rotate(283deg);
    opacity: 1.4237731121;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(283deg);
            transform: translate(117.075px, -156.45px) rotate(283deg);
    opacity: 1.4237731121;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(283deg);
            transform: translate(136.85px, -156.8px) rotate(283deg);
    opacity: 1.4237731121;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(283deg);
            transform: translate(157.85px, -150.15px) rotate(283deg);
    opacity: 1.4237731121;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(283deg);
            transform: translate(179.9px, -135.45px) rotate(283deg);
    opacity: 1.4237731121;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(283deg);
            transform: translate(203px, -112px) rotate(283deg);
    opacity: 1.4237731121;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(283deg);
            transform: translate(227.325px, -78.75px) rotate(283deg);
    opacity: 1.4237731121;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(283deg);
            transform: translate(252.525px, -35px) rotate(283deg);
    opacity: 1.4237731121;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(283deg);
            transform: translate(278.95px, 20.125px) rotate(283deg);
    opacity: 0.711886556;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(283deg);
            transform: translate(306.25px, 87.5px) rotate(283deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-99 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(340deg);
            transform: translate(0px, 0px) rotate(340deg);
    opacity: 1.3788761493;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(340deg);
            transform: translate(-15.75px, -37.5px) rotate(340deg);
    opacity: 1.3788761493;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(340deg);
            transform: translate(-35px, -72px) rotate(340deg);
    opacity: 1.3788761493;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(340deg);
            transform: translate(-57.625px, -98.375px) rotate(340deg);
    opacity: 1.3788761493;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(340deg);
            transform: translate(-70.25px, -107px) rotate(340deg);
    opacity: 1.3788761493;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(340deg);
            transform: translate(-83.625px, -111.75px) rotate(340deg);
    opacity: 1.3788761493;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(340deg);
            transform: translate(-97.75px, -112px) rotate(340deg);
    opacity: 1.3788761493;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(340deg);
            transform: translate(-112.75px, -107.25px) rotate(340deg);
    opacity: 1.3788761493;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(340deg);
            transform: translate(-128.5px, -96.75px) rotate(340deg);
    opacity: 1.3788761493;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(340deg);
            transform: translate(-145px, -80px) rotate(340deg);
    opacity: 1.3788761493;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(340deg);
            transform: translate(-162.375px, -56.25px) rotate(340deg);
    opacity: 1.3788761493;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(340deg);
            transform: translate(-180.375px, -25px) rotate(340deg);
    opacity: 1.3788761493;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(340deg);
            transform: translate(-199.25px, 14.375px) rotate(340deg);
    opacity: 0.6894380746;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(340deg);
            transform: translate(-218.75px, 62.5px) rotate(340deg);
    opacity: 0;
  }
}
@keyframes drop-right-99 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(340deg);
            transform: translate(0px, 0px) rotate(340deg);
    opacity: 1.3788761493;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(340deg);
            transform: translate(-15.75px, -37.5px) rotate(340deg);
    opacity: 1.3788761493;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(340deg);
            transform: translate(-35px, -72px) rotate(340deg);
    opacity: 1.3788761493;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(340deg);
            transform: translate(-57.625px, -98.375px) rotate(340deg);
    opacity: 1.3788761493;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(340deg);
            transform: translate(-70.25px, -107px) rotate(340deg);
    opacity: 1.3788761493;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(340deg);
            transform: translate(-83.625px, -111.75px) rotate(340deg);
    opacity: 1.3788761493;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(340deg);
            transform: translate(-97.75px, -112px) rotate(340deg);
    opacity: 1.3788761493;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(340deg);
            transform: translate(-112.75px, -107.25px) rotate(340deg);
    opacity: 1.3788761493;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(340deg);
            transform: translate(-128.5px, -96.75px) rotate(340deg);
    opacity: 1.3788761493;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(340deg);
            transform: translate(-145px, -80px) rotate(340deg);
    opacity: 1.3788761493;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(340deg);
            transform: translate(-162.375px, -56.25px) rotate(340deg);
    opacity: 1.3788761493;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(340deg);
            transform: translate(-180.375px, -25px) rotate(340deg);
    opacity: 1.3788761493;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(340deg);
            transform: translate(-199.25px, 14.375px) rotate(340deg);
    opacity: 0.6894380746;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(340deg);
            transform: translate(-218.75px, 62.5px) rotate(340deg);
    opacity: 0;
  }
}
.confetti-left-100,
.confetti-right-100 {
  width: 10px;
  height: 4px;
  background-color: #F4BB2F;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-100 {
  -webkit-animation: drop-left-100 1.0001464918s 1.0377244772s 2 forwards;
          animation: drop-left-100 1.0001464918s 1.0377244772s 2 forwards;
}

.confetti-right-100 {
  -webkit-animation: drop-right-100 1.9948879675s 1.3540130585s 2 forwards;
          animation: drop-right-100 1.9948879675s 1.3540130585s 2 forwards;
}

@-webkit-keyframes drop-left-100 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(279deg);
            transform: translate(0px, 0px) rotate(279deg);
    opacity: 1.1118615878;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(279deg);
            transform: translate(12.6px, -30px) rotate(279deg);
    opacity: 1.1118615878;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(279deg);
            transform: translate(28px, -57.6px) rotate(279deg);
    opacity: 1.1118615878;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(279deg);
            transform: translate(46.1px, -78.7px) rotate(279deg);
    opacity: 1.1118615878;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(279deg);
            transform: translate(56.2px, -85.6px) rotate(279deg);
    opacity: 1.1118615878;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(279deg);
            transform: translate(66.9px, -89.4px) rotate(279deg);
    opacity: 1.1118615878;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(279deg);
            transform: translate(78.2px, -89.6px) rotate(279deg);
    opacity: 1.1118615878;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(279deg);
            transform: translate(90.2px, -85.8px) rotate(279deg);
    opacity: 1.1118615878;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(279deg);
            transform: translate(102.8px, -77.4px) rotate(279deg);
    opacity: 1.1118615878;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(279deg);
            transform: translate(116px, -64px) rotate(279deg);
    opacity: 1.1118615878;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(279deg);
            transform: translate(129.9px, -45px) rotate(279deg);
    opacity: 1.1118615878;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(279deg);
            transform: translate(144.3px, -20px) rotate(279deg);
    opacity: 1.1118615878;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(279deg);
            transform: translate(159.4px, 11.5px) rotate(279deg);
    opacity: 0.5559307939;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(279deg);
            transform: translate(175px, 50px) rotate(279deg);
    opacity: 0;
  }
}

@keyframes drop-left-100 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(279deg);
            transform: translate(0px, 0px) rotate(279deg);
    opacity: 1.1118615878;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(279deg);
            transform: translate(12.6px, -30px) rotate(279deg);
    opacity: 1.1118615878;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(279deg);
            transform: translate(28px, -57.6px) rotate(279deg);
    opacity: 1.1118615878;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(279deg);
            transform: translate(46.1px, -78.7px) rotate(279deg);
    opacity: 1.1118615878;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(279deg);
            transform: translate(56.2px, -85.6px) rotate(279deg);
    opacity: 1.1118615878;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(279deg);
            transform: translate(66.9px, -89.4px) rotate(279deg);
    opacity: 1.1118615878;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(279deg);
            transform: translate(78.2px, -89.6px) rotate(279deg);
    opacity: 1.1118615878;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(279deg);
            transform: translate(90.2px, -85.8px) rotate(279deg);
    opacity: 1.1118615878;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(279deg);
            transform: translate(102.8px, -77.4px) rotate(279deg);
    opacity: 1.1118615878;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(279deg);
            transform: translate(116px, -64px) rotate(279deg);
    opacity: 1.1118615878;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(279deg);
            transform: translate(129.9px, -45px) rotate(279deg);
    opacity: 1.1118615878;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(279deg);
            transform: translate(144.3px, -20px) rotate(279deg);
    opacity: 1.1118615878;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(279deg);
            transform: translate(159.4px, 11.5px) rotate(279deg);
    opacity: 0.5559307939;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(279deg);
            transform: translate(175px, 50px) rotate(279deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-100 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(178deg);
            transform: translate(0px, 0px) rotate(178deg);
    opacity: 1.0269987387;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(178deg);
            transform: translate(-6.3px, -15px) rotate(178deg);
    opacity: 1.0269987387;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(178deg);
            transform: translate(-14px, -28.8px) rotate(178deg);
    opacity: 1.0269987387;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(178deg);
            transform: translate(-23.05px, -39.35px) rotate(178deg);
    opacity: 1.0269987387;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(178deg);
            transform: translate(-28.1px, -42.8px) rotate(178deg);
    opacity: 1.0269987387;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(178deg);
            transform: translate(-33.45px, -44.7px) rotate(178deg);
    opacity: 1.0269987387;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(178deg);
            transform: translate(-39.1px, -44.8px) rotate(178deg);
    opacity: 1.0269987387;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(178deg);
            transform: translate(-45.1px, -42.9px) rotate(178deg);
    opacity: 1.0269987387;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(178deg);
            transform: translate(-51.4px, -38.7px) rotate(178deg);
    opacity: 1.0269987387;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(178deg);
            transform: translate(-58px, -32px) rotate(178deg);
    opacity: 1.0269987387;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(178deg);
            transform: translate(-64.95px, -22.5px) rotate(178deg);
    opacity: 1.0269987387;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(178deg);
            transform: translate(-72.15px, -10px) rotate(178deg);
    opacity: 1.0269987387;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(178deg);
            transform: translate(-79.7px, 5.75px) rotate(178deg);
    opacity: 0.5134993693;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(178deg);
            transform: translate(-87.5px, 25px) rotate(178deg);
    opacity: 0;
  }
}
@keyframes drop-right-100 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(178deg);
            transform: translate(0px, 0px) rotate(178deg);
    opacity: 1.0269987387;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(178deg);
            transform: translate(-6.3px, -15px) rotate(178deg);
    opacity: 1.0269987387;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(178deg);
            transform: translate(-14px, -28.8px) rotate(178deg);
    opacity: 1.0269987387;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(178deg);
            transform: translate(-23.05px, -39.35px) rotate(178deg);
    opacity: 1.0269987387;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(178deg);
            transform: translate(-28.1px, -42.8px) rotate(178deg);
    opacity: 1.0269987387;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(178deg);
            transform: translate(-33.45px, -44.7px) rotate(178deg);
    opacity: 1.0269987387;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(178deg);
            transform: translate(-39.1px, -44.8px) rotate(178deg);
    opacity: 1.0269987387;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(178deg);
            transform: translate(-45.1px, -42.9px) rotate(178deg);
    opacity: 1.0269987387;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(178deg);
            transform: translate(-51.4px, -38.7px) rotate(178deg);
    opacity: 1.0269987387;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(178deg);
            transform: translate(-58px, -32px) rotate(178deg);
    opacity: 1.0269987387;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(178deg);
            transform: translate(-64.95px, -22.5px) rotate(178deg);
    opacity: 1.0269987387;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(178deg);
            transform: translate(-72.15px, -10px) rotate(178deg);
    opacity: 1.0269987387;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(178deg);
            transform: translate(-79.7px, 5.75px) rotate(178deg);
    opacity: 0.5134993693;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(178deg);
            transform: translate(-87.5px, 25px) rotate(178deg);
    opacity: 0;
  }
}
.confetti-left-101,
.confetti-right-101 {
  background-color: transparent;
  border-bottom: 8px solid #3FA5C3;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  height: 0;
  width: 8px;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-101 {
  -webkit-animation: drop-left-101 1.2803223241s 0.7408630063s 2 forwards;
          animation: drop-left-101 1.2803223241s 0.7408630063s 2 forwards;
}

.confetti-right-101 {
  -webkit-animation: drop-right-101 1.0588127187s 1.1989976575s 2 forwards;
          animation: drop-right-101 1.0588127187s 1.1989976575s 2 forwards;
}

@-webkit-keyframes drop-left-101 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(235deg);
            transform: translate(0px, 0px) rotate(235deg);
    opacity: 0.8763945872;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(235deg);
            transform: translate(12.6px, -30px) rotate(235deg);
    opacity: 0.8763945872;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(235deg);
            transform: translate(28px, -57.6px) rotate(235deg);
    opacity: 0.8763945872;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(235deg);
            transform: translate(46.1px, -78.7px) rotate(235deg);
    opacity: 0.8763945872;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(235deg);
            transform: translate(56.2px, -85.6px) rotate(235deg);
    opacity: 0.8763945872;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(235deg);
            transform: translate(66.9px, -89.4px) rotate(235deg);
    opacity: 0.8763945872;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(235deg);
            transform: translate(78.2px, -89.6px) rotate(235deg);
    opacity: 0.8763945872;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(235deg);
            transform: translate(90.2px, -85.8px) rotate(235deg);
    opacity: 0.8763945872;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(235deg);
            transform: translate(102.8px, -77.4px) rotate(235deg);
    opacity: 0.8763945872;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(235deg);
            transform: translate(116px, -64px) rotate(235deg);
    opacity: 0.8763945872;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(235deg);
            transform: translate(129.9px, -45px) rotate(235deg);
    opacity: 0.8763945872;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(235deg);
            transform: translate(144.3px, -20px) rotate(235deg);
    opacity: 0.8763945872;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(235deg);
            transform: translate(159.4px, 11.5px) rotate(235deg);
    opacity: 0.4381972936;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(235deg);
            transform: translate(175px, 50px) rotate(235deg);
    opacity: 0;
  }
}

@keyframes drop-left-101 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(235deg);
            transform: translate(0px, 0px) rotate(235deg);
    opacity: 0.8763945872;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(235deg);
            transform: translate(12.6px, -30px) rotate(235deg);
    opacity: 0.8763945872;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(235deg);
            transform: translate(28px, -57.6px) rotate(235deg);
    opacity: 0.8763945872;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(235deg);
            transform: translate(46.1px, -78.7px) rotate(235deg);
    opacity: 0.8763945872;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(235deg);
            transform: translate(56.2px, -85.6px) rotate(235deg);
    opacity: 0.8763945872;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(235deg);
            transform: translate(66.9px, -89.4px) rotate(235deg);
    opacity: 0.8763945872;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(235deg);
            transform: translate(78.2px, -89.6px) rotate(235deg);
    opacity: 0.8763945872;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(235deg);
            transform: translate(90.2px, -85.8px) rotate(235deg);
    opacity: 0.8763945872;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(235deg);
            transform: translate(102.8px, -77.4px) rotate(235deg);
    opacity: 0.8763945872;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(235deg);
            transform: translate(116px, -64px) rotate(235deg);
    opacity: 0.8763945872;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(235deg);
            transform: translate(129.9px, -45px) rotate(235deg);
    opacity: 0.8763945872;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(235deg);
            transform: translate(144.3px, -20px) rotate(235deg);
    opacity: 0.8763945872;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(235deg);
            transform: translate(159.4px, 11.5px) rotate(235deg);
    opacity: 0.4381972936;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(235deg);
            transform: translate(175px, 50px) rotate(235deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-101 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(147deg);
            transform: translate(0px, 0px) rotate(147deg);
    opacity: 1.3259719007;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(147deg);
            transform: translate(-25.2px, -60px) rotate(147deg);
    opacity: 1.3259719007;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(147deg);
            transform: translate(-56px, -115.2px) rotate(147deg);
    opacity: 1.3259719007;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(147deg);
            transform: translate(-92.2px, -157.4px) rotate(147deg);
    opacity: 1.3259719007;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(147deg);
            transform: translate(-112.4px, -171.2px) rotate(147deg);
    opacity: 1.3259719007;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(147deg);
            transform: translate(-133.8px, -178.8px) rotate(147deg);
    opacity: 1.3259719007;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(147deg);
            transform: translate(-156.4px, -179.2px) rotate(147deg);
    opacity: 1.3259719007;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(147deg);
            transform: translate(-180.4px, -171.6px) rotate(147deg);
    opacity: 1.3259719007;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(147deg);
            transform: translate(-205.6px, -154.8px) rotate(147deg);
    opacity: 1.3259719007;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(147deg);
            transform: translate(-232px, -128px) rotate(147deg);
    opacity: 1.3259719007;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(147deg);
            transform: translate(-259.8px, -90px) rotate(147deg);
    opacity: 1.3259719007;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(147deg);
            transform: translate(-288.6px, -40px) rotate(147deg);
    opacity: 1.3259719007;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(147deg);
            transform: translate(-318.8px, 23px) rotate(147deg);
    opacity: 0.6629859504;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(147deg);
            transform: translate(-350px, 100px) rotate(147deg);
    opacity: 0;
  }
}
@keyframes drop-right-101 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(147deg);
            transform: translate(0px, 0px) rotate(147deg);
    opacity: 1.3259719007;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(147deg);
            transform: translate(-25.2px, -60px) rotate(147deg);
    opacity: 1.3259719007;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(147deg);
            transform: translate(-56px, -115.2px) rotate(147deg);
    opacity: 1.3259719007;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(147deg);
            transform: translate(-92.2px, -157.4px) rotate(147deg);
    opacity: 1.3259719007;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(147deg);
            transform: translate(-112.4px, -171.2px) rotate(147deg);
    opacity: 1.3259719007;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(147deg);
            transform: translate(-133.8px, -178.8px) rotate(147deg);
    opacity: 1.3259719007;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(147deg);
            transform: translate(-156.4px, -179.2px) rotate(147deg);
    opacity: 1.3259719007;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(147deg);
            transform: translate(-180.4px, -171.6px) rotate(147deg);
    opacity: 1.3259719007;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(147deg);
            transform: translate(-205.6px, -154.8px) rotate(147deg);
    opacity: 1.3259719007;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(147deg);
            transform: translate(-232px, -128px) rotate(147deg);
    opacity: 1.3259719007;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(147deg);
            transform: translate(-259.8px, -90px) rotate(147deg);
    opacity: 1.3259719007;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(147deg);
            transform: translate(-288.6px, -40px) rotate(147deg);
    opacity: 1.3259719007;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(147deg);
            transform: translate(-318.8px, 23px) rotate(147deg);
    opacity: 0.6629859504;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(147deg);
            transform: translate(-350px, 100px) rotate(147deg);
    opacity: 0;
  }
}
.confetti-left-102,
.confetti-right-102 {
  background-color: transparent;
  border-bottom: 6px solid #8AB925;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  height: 0;
  width: 6px;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-102 {
  -webkit-animation: drop-left-102 1.8604090201s 0.9387583369s 2 forwards;
          animation: drop-left-102 1.8604090201s 0.9387583369s 2 forwards;
}

.confetti-right-102 {
  -webkit-animation: drop-right-102 1.4485109585s 1.3012048774s 2 forwards;
          animation: drop-right-102 1.4485109585s 1.3012048774s 2 forwards;
}

@-webkit-keyframes drop-left-102 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(188deg);
            transform: translate(0px, 0px) rotate(188deg);
    opacity: 0.9623282226;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(188deg);
            transform: translate(25.2px, -60px) rotate(188deg);
    opacity: 0.9623282226;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(188deg);
            transform: translate(56px, -115.2px) rotate(188deg);
    opacity: 0.9623282226;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(188deg);
            transform: translate(92.2px, -157.4px) rotate(188deg);
    opacity: 0.9623282226;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(188deg);
            transform: translate(112.4px, -171.2px) rotate(188deg);
    opacity: 0.9623282226;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(188deg);
            transform: translate(133.8px, -178.8px) rotate(188deg);
    opacity: 0.9623282226;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(188deg);
            transform: translate(156.4px, -179.2px) rotate(188deg);
    opacity: 0.9623282226;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(188deg);
            transform: translate(180.4px, -171.6px) rotate(188deg);
    opacity: 0.9623282226;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(188deg);
            transform: translate(205.6px, -154.8px) rotate(188deg);
    opacity: 0.9623282226;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(188deg);
            transform: translate(232px, -128px) rotate(188deg);
    opacity: 0.9623282226;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(188deg);
            transform: translate(259.8px, -90px) rotate(188deg);
    opacity: 0.9623282226;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(188deg);
            transform: translate(288.6px, -40px) rotate(188deg);
    opacity: 0.9623282226;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(188deg);
            transform: translate(318.8px, 23px) rotate(188deg);
    opacity: 0.4811641113;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(188deg);
            transform: translate(350px, 100px) rotate(188deg);
    opacity: 0;
  }
}

@keyframes drop-left-102 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(188deg);
            transform: translate(0px, 0px) rotate(188deg);
    opacity: 0.9623282226;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(188deg);
            transform: translate(25.2px, -60px) rotate(188deg);
    opacity: 0.9623282226;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(188deg);
            transform: translate(56px, -115.2px) rotate(188deg);
    opacity: 0.9623282226;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(188deg);
            transform: translate(92.2px, -157.4px) rotate(188deg);
    opacity: 0.9623282226;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(188deg);
            transform: translate(112.4px, -171.2px) rotate(188deg);
    opacity: 0.9623282226;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(188deg);
            transform: translate(133.8px, -178.8px) rotate(188deg);
    opacity: 0.9623282226;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(188deg);
            transform: translate(156.4px, -179.2px) rotate(188deg);
    opacity: 0.9623282226;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(188deg);
            transform: translate(180.4px, -171.6px) rotate(188deg);
    opacity: 0.9623282226;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(188deg);
            transform: translate(205.6px, -154.8px) rotate(188deg);
    opacity: 0.9623282226;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(188deg);
            transform: translate(232px, -128px) rotate(188deg);
    opacity: 0.9623282226;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(188deg);
            transform: translate(259.8px, -90px) rotate(188deg);
    opacity: 0.9623282226;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(188deg);
            transform: translate(288.6px, -40px) rotate(188deg);
    opacity: 0.9623282226;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(188deg);
            transform: translate(318.8px, 23px) rotate(188deg);
    opacity: 0.4811641113;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(188deg);
            transform: translate(350px, 100px) rotate(188deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-102 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(158deg);
            transform: translate(0px, 0px) rotate(158deg);
    opacity: 0.9093459107;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(158deg);
            transform: translate(-15.75px, -37.5px) rotate(158deg);
    opacity: 0.9093459107;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(158deg);
            transform: translate(-35px, -72px) rotate(158deg);
    opacity: 0.9093459107;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(158deg);
            transform: translate(-57.625px, -98.375px) rotate(158deg);
    opacity: 0.9093459107;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(158deg);
            transform: translate(-70.25px, -107px) rotate(158deg);
    opacity: 0.9093459107;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(158deg);
            transform: translate(-83.625px, -111.75px) rotate(158deg);
    opacity: 0.9093459107;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(158deg);
            transform: translate(-97.75px, -112px) rotate(158deg);
    opacity: 0.9093459107;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(158deg);
            transform: translate(-112.75px, -107.25px) rotate(158deg);
    opacity: 0.9093459107;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(158deg);
            transform: translate(-128.5px, -96.75px) rotate(158deg);
    opacity: 0.9093459107;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(158deg);
            transform: translate(-145px, -80px) rotate(158deg);
    opacity: 0.9093459107;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(158deg);
            transform: translate(-162.375px, -56.25px) rotate(158deg);
    opacity: 0.9093459107;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(158deg);
            transform: translate(-180.375px, -25px) rotate(158deg);
    opacity: 0.9093459107;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(158deg);
            transform: translate(-199.25px, 14.375px) rotate(158deg);
    opacity: 0.4546729553;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(158deg);
            transform: translate(-218.75px, 62.5px) rotate(158deg);
    opacity: 0;
  }
}
@keyframes drop-right-102 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(158deg);
            transform: translate(0px, 0px) rotate(158deg);
    opacity: 0.9093459107;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(158deg);
            transform: translate(-15.75px, -37.5px) rotate(158deg);
    opacity: 0.9093459107;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(158deg);
            transform: translate(-35px, -72px) rotate(158deg);
    opacity: 0.9093459107;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(158deg);
            transform: translate(-57.625px, -98.375px) rotate(158deg);
    opacity: 0.9093459107;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(158deg);
            transform: translate(-70.25px, -107px) rotate(158deg);
    opacity: 0.9093459107;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(158deg);
            transform: translate(-83.625px, -111.75px) rotate(158deg);
    opacity: 0.9093459107;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(158deg);
            transform: translate(-97.75px, -112px) rotate(158deg);
    opacity: 0.9093459107;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(158deg);
            transform: translate(-112.75px, -107.25px) rotate(158deg);
    opacity: 0.9093459107;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(158deg);
            transform: translate(-128.5px, -96.75px) rotate(158deg);
    opacity: 0.9093459107;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(158deg);
            transform: translate(-145px, -80px) rotate(158deg);
    opacity: 0.9093459107;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(158deg);
            transform: translate(-162.375px, -56.25px) rotate(158deg);
    opacity: 0.9093459107;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(158deg);
            transform: translate(-180.375px, -25px) rotate(158deg);
    opacity: 0.9093459107;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(158deg);
            transform: translate(-199.25px, 14.375px) rotate(158deg);
    opacity: 0.4546729553;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(158deg);
            transform: translate(-218.75px, 62.5px) rotate(158deg);
    opacity: 0;
  }
}
.confetti-left-103,
.confetti-right-103 {
  background-color: transparent;
  border-bottom: 5.5px solid #8AB925;
  border-left: 2.75px solid transparent;
  border-right: 2.75px solid transparent;
  height: 0;
  width: 5.5px;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-103 {
  -webkit-animation: drop-left-103 1.9324959624s 0.6893569666s 2 forwards;
          animation: drop-left-103 1.9324959624s 0.6893569666s 2 forwards;
}

.confetti-right-103 {
  -webkit-animation: drop-right-103 1.6587957078s 1.4044997971s 2 forwards;
          animation: drop-right-103 1.6587957078s 1.4044997971s 2 forwards;
}

@-webkit-keyframes drop-left-103 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(76deg);
            transform: translate(0px, 0px) rotate(76deg);
    opacity: 0.8036453769;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(76deg);
            transform: translate(15.75px, -37.5px) rotate(76deg);
    opacity: 0.8036453769;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(76deg);
            transform: translate(35px, -72px) rotate(76deg);
    opacity: 0.8036453769;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(76deg);
            transform: translate(57.625px, -98.375px) rotate(76deg);
    opacity: 0.8036453769;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(76deg);
            transform: translate(70.25px, -107px) rotate(76deg);
    opacity: 0.8036453769;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(76deg);
            transform: translate(83.625px, -111.75px) rotate(76deg);
    opacity: 0.8036453769;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(76deg);
            transform: translate(97.75px, -112px) rotate(76deg);
    opacity: 0.8036453769;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(76deg);
            transform: translate(112.75px, -107.25px) rotate(76deg);
    opacity: 0.8036453769;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(76deg);
            transform: translate(128.5px, -96.75px) rotate(76deg);
    opacity: 0.8036453769;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(76deg);
            transform: translate(145px, -80px) rotate(76deg);
    opacity: 0.8036453769;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(76deg);
            transform: translate(162.375px, -56.25px) rotate(76deg);
    opacity: 0.8036453769;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(76deg);
            transform: translate(180.375px, -25px) rotate(76deg);
    opacity: 0.8036453769;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(76deg);
            transform: translate(199.25px, 14.375px) rotate(76deg);
    opacity: 0.4018226884;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(76deg);
            transform: translate(218.75px, 62.5px) rotate(76deg);
    opacity: 0;
  }
}

@keyframes drop-left-103 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(76deg);
            transform: translate(0px, 0px) rotate(76deg);
    opacity: 0.8036453769;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(76deg);
            transform: translate(15.75px, -37.5px) rotate(76deg);
    opacity: 0.8036453769;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(76deg);
            transform: translate(35px, -72px) rotate(76deg);
    opacity: 0.8036453769;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(76deg);
            transform: translate(57.625px, -98.375px) rotate(76deg);
    opacity: 0.8036453769;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(76deg);
            transform: translate(70.25px, -107px) rotate(76deg);
    opacity: 0.8036453769;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(76deg);
            transform: translate(83.625px, -111.75px) rotate(76deg);
    opacity: 0.8036453769;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(76deg);
            transform: translate(97.75px, -112px) rotate(76deg);
    opacity: 0.8036453769;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(76deg);
            transform: translate(112.75px, -107.25px) rotate(76deg);
    opacity: 0.8036453769;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(76deg);
            transform: translate(128.5px, -96.75px) rotate(76deg);
    opacity: 0.8036453769;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(76deg);
            transform: translate(145px, -80px) rotate(76deg);
    opacity: 0.8036453769;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(76deg);
            transform: translate(162.375px, -56.25px) rotate(76deg);
    opacity: 0.8036453769;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(76deg);
            transform: translate(180.375px, -25px) rotate(76deg);
    opacity: 0.8036453769;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(76deg);
            transform: translate(199.25px, 14.375px) rotate(76deg);
    opacity: 0.4018226884;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(76deg);
            transform: translate(218.75px, 62.5px) rotate(76deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-103 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(219deg);
            transform: translate(0px, 0px) rotate(219deg);
    opacity: 0.5265373147;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(219deg);
            transform: translate(-25.2px, -60px) rotate(219deg);
    opacity: 0.5265373147;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(219deg);
            transform: translate(-56px, -115.2px) rotate(219deg);
    opacity: 0.5265373147;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(219deg);
            transform: translate(-92.2px, -157.4px) rotate(219deg);
    opacity: 0.5265373147;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(219deg);
            transform: translate(-112.4px, -171.2px) rotate(219deg);
    opacity: 0.5265373147;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(219deg);
            transform: translate(-133.8px, -178.8px) rotate(219deg);
    opacity: 0.5265373147;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(219deg);
            transform: translate(-156.4px, -179.2px) rotate(219deg);
    opacity: 0.5265373147;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(219deg);
            transform: translate(-180.4px, -171.6px) rotate(219deg);
    opacity: 0.5265373147;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(219deg);
            transform: translate(-205.6px, -154.8px) rotate(219deg);
    opacity: 0.5265373147;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(219deg);
            transform: translate(-232px, -128px) rotate(219deg);
    opacity: 0.5265373147;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(219deg);
            transform: translate(-259.8px, -90px) rotate(219deg);
    opacity: 0.5265373147;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(219deg);
            transform: translate(-288.6px, -40px) rotate(219deg);
    opacity: 0.5265373147;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(219deg);
            transform: translate(-318.8px, 23px) rotate(219deg);
    opacity: 0.2632686574;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(219deg);
            transform: translate(-350px, 100px) rotate(219deg);
    opacity: 0;
  }
}
@keyframes drop-right-103 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(219deg);
            transform: translate(0px, 0px) rotate(219deg);
    opacity: 0.5265373147;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(219deg);
            transform: translate(-25.2px, -60px) rotate(219deg);
    opacity: 0.5265373147;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(219deg);
            transform: translate(-56px, -115.2px) rotate(219deg);
    opacity: 0.5265373147;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(219deg);
            transform: translate(-92.2px, -157.4px) rotate(219deg);
    opacity: 0.5265373147;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(219deg);
            transform: translate(-112.4px, -171.2px) rotate(219deg);
    opacity: 0.5265373147;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(219deg);
            transform: translate(-133.8px, -178.8px) rotate(219deg);
    opacity: 0.5265373147;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(219deg);
            transform: translate(-156.4px, -179.2px) rotate(219deg);
    opacity: 0.5265373147;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(219deg);
            transform: translate(-180.4px, -171.6px) rotate(219deg);
    opacity: 0.5265373147;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(219deg);
            transform: translate(-205.6px, -154.8px) rotate(219deg);
    opacity: 0.5265373147;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(219deg);
            transform: translate(-232px, -128px) rotate(219deg);
    opacity: 0.5265373147;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(219deg);
            transform: translate(-259.8px, -90px) rotate(219deg);
    opacity: 0.5265373147;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(219deg);
            transform: translate(-288.6px, -40px) rotate(219deg);
    opacity: 0.5265373147;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(219deg);
            transform: translate(-318.8px, 23px) rotate(219deg);
    opacity: 0.2632686574;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(219deg);
            transform: translate(-350px, 100px) rotate(219deg);
    opacity: 0;
  }
}
.confetti-left-104,
.confetti-right-104 {
  background-color: transparent;
  border-bottom: 1.5px solid #F4BB2F;
  border-left: 0.75px solid transparent;
  border-right: 0.75px solid transparent;
  height: 0;
  width: 1.5px;
  top: calc(25% - 3px);
  left: calc(50% - 0.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-104 {
  -webkit-animation: drop-left-104 1.6467391195s 1.3112233158s 2 forwards;
          animation: drop-left-104 1.6467391195s 1.3112233158s 2 forwards;
}

.confetti-right-104 {
  -webkit-animation: drop-right-104 1.2701587164s 0.5944910214s 2 forwards;
          animation: drop-right-104 1.2701587164s 0.5944910214s 2 forwards;
}

@-webkit-keyframes drop-left-104 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(31deg);
            transform: translate(0px, 0px) rotate(31deg);
    opacity: 0.9634812677;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(31deg);
            transform: translate(25.2px, -60px) rotate(31deg);
    opacity: 0.9634812677;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(31deg);
            transform: translate(56px, -115.2px) rotate(31deg);
    opacity: 0.9634812677;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(31deg);
            transform: translate(92.2px, -157.4px) rotate(31deg);
    opacity: 0.9634812677;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(31deg);
            transform: translate(112.4px, -171.2px) rotate(31deg);
    opacity: 0.9634812677;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(31deg);
            transform: translate(133.8px, -178.8px) rotate(31deg);
    opacity: 0.9634812677;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(31deg);
            transform: translate(156.4px, -179.2px) rotate(31deg);
    opacity: 0.9634812677;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(31deg);
            transform: translate(180.4px, -171.6px) rotate(31deg);
    opacity: 0.9634812677;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(31deg);
            transform: translate(205.6px, -154.8px) rotate(31deg);
    opacity: 0.9634812677;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(31deg);
            transform: translate(232px, -128px) rotate(31deg);
    opacity: 0.9634812677;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(31deg);
            transform: translate(259.8px, -90px) rotate(31deg);
    opacity: 0.9634812677;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(31deg);
            transform: translate(288.6px, -40px) rotate(31deg);
    opacity: 0.9634812677;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(31deg);
            transform: translate(318.8px, 23px) rotate(31deg);
    opacity: 0.4817406339;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(31deg);
            transform: translate(350px, 100px) rotate(31deg);
    opacity: 0;
  }
}

@keyframes drop-left-104 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(31deg);
            transform: translate(0px, 0px) rotate(31deg);
    opacity: 0.9634812677;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(31deg);
            transform: translate(25.2px, -60px) rotate(31deg);
    opacity: 0.9634812677;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(31deg);
            transform: translate(56px, -115.2px) rotate(31deg);
    opacity: 0.9634812677;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(31deg);
            transform: translate(92.2px, -157.4px) rotate(31deg);
    opacity: 0.9634812677;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(31deg);
            transform: translate(112.4px, -171.2px) rotate(31deg);
    opacity: 0.9634812677;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(31deg);
            transform: translate(133.8px, -178.8px) rotate(31deg);
    opacity: 0.9634812677;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(31deg);
            transform: translate(156.4px, -179.2px) rotate(31deg);
    opacity: 0.9634812677;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(31deg);
            transform: translate(180.4px, -171.6px) rotate(31deg);
    opacity: 0.9634812677;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(31deg);
            transform: translate(205.6px, -154.8px) rotate(31deg);
    opacity: 0.9634812677;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(31deg);
            transform: translate(232px, -128px) rotate(31deg);
    opacity: 0.9634812677;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(31deg);
            transform: translate(259.8px, -90px) rotate(31deg);
    opacity: 0.9634812677;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(31deg);
            transform: translate(288.6px, -40px) rotate(31deg);
    opacity: 0.9634812677;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(31deg);
            transform: translate(318.8px, 23px) rotate(31deg);
    opacity: 0.4817406339;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(31deg);
            transform: translate(350px, 100px) rotate(31deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-104 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(351deg);
            transform: translate(0px, 0px) rotate(351deg);
    opacity: 0.7278479509;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(351deg);
            transform: translate(-31.5px, -75px) rotate(351deg);
    opacity: 0.7278479509;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(351deg);
            transform: translate(-70px, -144px) rotate(351deg);
    opacity: 0.7278479509;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(351deg);
            transform: translate(-115.25px, -196.75px) rotate(351deg);
    opacity: 0.7278479509;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(351deg);
            transform: translate(-140.5px, -214px) rotate(351deg);
    opacity: 0.7278479509;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(351deg);
            transform: translate(-167.25px, -223.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(351deg);
            transform: translate(-195.5px, -224px) rotate(351deg);
    opacity: 0.7278479509;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(351deg);
            transform: translate(-225.5px, -214.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(351deg);
            transform: translate(-257px, -193.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(351deg);
            transform: translate(-290px, -160px) rotate(351deg);
    opacity: 0.7278479509;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(351deg);
            transform: translate(-324.75px, -112.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(351deg);
            transform: translate(-360.75px, -50px) rotate(351deg);
    opacity: 0.7278479509;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(351deg);
            transform: translate(-398.5px, 28.75px) rotate(351deg);
    opacity: 0.3639239755;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(351deg);
            transform: translate(-437.5px, 125px) rotate(351deg);
    opacity: 0;
  }
}
@keyframes drop-right-104 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(351deg);
            transform: translate(0px, 0px) rotate(351deg);
    opacity: 0.7278479509;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(351deg);
            transform: translate(-31.5px, -75px) rotate(351deg);
    opacity: 0.7278479509;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(351deg);
            transform: translate(-70px, -144px) rotate(351deg);
    opacity: 0.7278479509;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(351deg);
            transform: translate(-115.25px, -196.75px) rotate(351deg);
    opacity: 0.7278479509;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(351deg);
            transform: translate(-140.5px, -214px) rotate(351deg);
    opacity: 0.7278479509;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(351deg);
            transform: translate(-167.25px, -223.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(351deg);
            transform: translate(-195.5px, -224px) rotate(351deg);
    opacity: 0.7278479509;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(351deg);
            transform: translate(-225.5px, -214.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(351deg);
            transform: translate(-257px, -193.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(351deg);
            transform: translate(-290px, -160px) rotate(351deg);
    opacity: 0.7278479509;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(351deg);
            transform: translate(-324.75px, -112.5px) rotate(351deg);
    opacity: 0.7278479509;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(351deg);
            transform: translate(-360.75px, -50px) rotate(351deg);
    opacity: 0.7278479509;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(351deg);
            transform: translate(-398.5px, 28.75px) rotate(351deg);
    opacity: 0.3639239755;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(351deg);
            transform: translate(-437.5px, 125px) rotate(351deg);
    opacity: 0;
  }
}
.confetti-left-105,
.confetti-right-105 {
  background-color: transparent;
  border-bottom: 8px solid #765AA3;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  height: 0;
  width: 8px;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-105 {
  -webkit-animation: drop-left-105 1.4637084897s 0.5756981341s 2 forwards;
          animation: drop-left-105 1.4637084897s 0.5756981341s 2 forwards;
}

.confetti-right-105 {
  -webkit-animation: drop-right-105 1.053114818s 0.6652977917s 2 forwards;
          animation: drop-right-105 1.053114818s 0.6652977917s 2 forwards;
}

@-webkit-keyframes drop-left-105 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(326deg);
            transform: translate(0px, 0px) rotate(326deg);
    opacity: 1.1931569757;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(326deg);
            transform: translate(15.75px, -37.5px) rotate(326deg);
    opacity: 1.1931569757;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(326deg);
            transform: translate(35px, -72px) rotate(326deg);
    opacity: 1.1931569757;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(326deg);
            transform: translate(57.625px, -98.375px) rotate(326deg);
    opacity: 1.1931569757;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(326deg);
            transform: translate(70.25px, -107px) rotate(326deg);
    opacity: 1.1931569757;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(326deg);
            transform: translate(83.625px, -111.75px) rotate(326deg);
    opacity: 1.1931569757;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(326deg);
            transform: translate(97.75px, -112px) rotate(326deg);
    opacity: 1.1931569757;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(326deg);
            transform: translate(112.75px, -107.25px) rotate(326deg);
    opacity: 1.1931569757;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(326deg);
            transform: translate(128.5px, -96.75px) rotate(326deg);
    opacity: 1.1931569757;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(326deg);
            transform: translate(145px, -80px) rotate(326deg);
    opacity: 1.1931569757;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(326deg);
            transform: translate(162.375px, -56.25px) rotate(326deg);
    opacity: 1.1931569757;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(326deg);
            transform: translate(180.375px, -25px) rotate(326deg);
    opacity: 1.1931569757;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(326deg);
            transform: translate(199.25px, 14.375px) rotate(326deg);
    opacity: 0.5965784879;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(326deg);
            transform: translate(218.75px, 62.5px) rotate(326deg);
    opacity: 0;
  }
}

@keyframes drop-left-105 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(326deg);
            transform: translate(0px, 0px) rotate(326deg);
    opacity: 1.1931569757;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(326deg);
            transform: translate(15.75px, -37.5px) rotate(326deg);
    opacity: 1.1931569757;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(326deg);
            transform: translate(35px, -72px) rotate(326deg);
    opacity: 1.1931569757;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(326deg);
            transform: translate(57.625px, -98.375px) rotate(326deg);
    opacity: 1.1931569757;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(326deg);
            transform: translate(70.25px, -107px) rotate(326deg);
    opacity: 1.1931569757;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(326deg);
            transform: translate(83.625px, -111.75px) rotate(326deg);
    opacity: 1.1931569757;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(326deg);
            transform: translate(97.75px, -112px) rotate(326deg);
    opacity: 1.1931569757;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(326deg);
            transform: translate(112.75px, -107.25px) rotate(326deg);
    opacity: 1.1931569757;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(326deg);
            transform: translate(128.5px, -96.75px) rotate(326deg);
    opacity: 1.1931569757;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(326deg);
            transform: translate(145px, -80px) rotate(326deg);
    opacity: 1.1931569757;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(326deg);
            transform: translate(162.375px, -56.25px) rotate(326deg);
    opacity: 1.1931569757;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(326deg);
            transform: translate(180.375px, -25px) rotate(326deg);
    opacity: 1.1931569757;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(326deg);
            transform: translate(199.25px, 14.375px) rotate(326deg);
    opacity: 0.5965784879;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(326deg);
            transform: translate(218.75px, 62.5px) rotate(326deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-105 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(25deg);
            transform: translate(0px, 0px) rotate(25deg);
    opacity: 1.0332854027;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(25deg);
            transform: translate(-22.05px, -52.5px) rotate(25deg);
    opacity: 1.0332854027;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(25deg);
            transform: translate(-49px, -100.8px) rotate(25deg);
    opacity: 1.0332854027;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(25deg);
            transform: translate(-80.675px, -137.725px) rotate(25deg);
    opacity: 1.0332854027;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(25deg);
            transform: translate(-98.35px, -149.8px) rotate(25deg);
    opacity: 1.0332854027;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(25deg);
            transform: translate(-117.075px, -156.45px) rotate(25deg);
    opacity: 1.0332854027;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(25deg);
            transform: translate(-136.85px, -156.8px) rotate(25deg);
    opacity: 1.0332854027;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(25deg);
            transform: translate(-157.85px, -150.15px) rotate(25deg);
    opacity: 1.0332854027;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(25deg);
            transform: translate(-179.9px, -135.45px) rotate(25deg);
    opacity: 1.0332854027;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(25deg);
            transform: translate(-203px, -112px) rotate(25deg);
    opacity: 1.0332854027;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(25deg);
            transform: translate(-227.325px, -78.75px) rotate(25deg);
    opacity: 1.0332854027;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(25deg);
            transform: translate(-252.525px, -35px) rotate(25deg);
    opacity: 1.0332854027;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(25deg);
            transform: translate(-278.95px, 20.125px) rotate(25deg);
    opacity: 0.5166427014;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(25deg);
            transform: translate(-306.25px, 87.5px) rotate(25deg);
    opacity: 0;
  }
}
@keyframes drop-right-105 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(25deg);
            transform: translate(0px, 0px) rotate(25deg);
    opacity: 1.0332854027;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(25deg);
            transform: translate(-22.05px, -52.5px) rotate(25deg);
    opacity: 1.0332854027;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(25deg);
            transform: translate(-49px, -100.8px) rotate(25deg);
    opacity: 1.0332854027;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(25deg);
            transform: translate(-80.675px, -137.725px) rotate(25deg);
    opacity: 1.0332854027;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(25deg);
            transform: translate(-98.35px, -149.8px) rotate(25deg);
    opacity: 1.0332854027;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(25deg);
            transform: translate(-117.075px, -156.45px) rotate(25deg);
    opacity: 1.0332854027;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(25deg);
            transform: translate(-136.85px, -156.8px) rotate(25deg);
    opacity: 1.0332854027;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(25deg);
            transform: translate(-157.85px, -150.15px) rotate(25deg);
    opacity: 1.0332854027;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(25deg);
            transform: translate(-179.9px, -135.45px) rotate(25deg);
    opacity: 1.0332854027;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(25deg);
            transform: translate(-203px, -112px) rotate(25deg);
    opacity: 1.0332854027;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(25deg);
            transform: translate(-227.325px, -78.75px) rotate(25deg);
    opacity: 1.0332854027;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(25deg);
            transform: translate(-252.525px, -35px) rotate(25deg);
    opacity: 1.0332854027;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(25deg);
            transform: translate(-278.95px, 20.125px) rotate(25deg);
    opacity: 0.5166427014;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(25deg);
            transform: translate(-306.25px, 87.5px) rotate(25deg);
    opacity: 0;
  }
}
.confetti-left-106,
.confetti-right-106 {
  background-color: transparent;
  border-bottom: 7.5px solid #3FA5C3;
  border-left: 3.75px solid transparent;
  border-right: 3.75px solid transparent;
  height: 0;
  width: 7.5px;
  top: calc(25% - 15px);
  left: calc(50% - 4.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-106 {
  -webkit-animation: drop-left-106 1.5473041594s 1.2050591564s 2 forwards;
          animation: drop-left-106 1.5473041594s 1.2050591564s 2 forwards;
}

.confetti-right-106 {
  -webkit-animation: drop-right-106 1.2266042936s 0.8511637607s 2 forwards;
          animation: drop-right-106 1.2266042936s 0.8511637607s 2 forwards;
}

@-webkit-keyframes drop-left-106 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(148deg);
            transform: translate(0px, 0px) rotate(148deg);
    opacity: 1.4767819508;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(148deg);
            transform: translate(15.75px, -37.5px) rotate(148deg);
    opacity: 1.4767819508;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(148deg);
            transform: translate(35px, -72px) rotate(148deg);
    opacity: 1.4767819508;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(148deg);
            transform: translate(57.625px, -98.375px) rotate(148deg);
    opacity: 1.4767819508;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(148deg);
            transform: translate(70.25px, -107px) rotate(148deg);
    opacity: 1.4767819508;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(148deg);
            transform: translate(83.625px, -111.75px) rotate(148deg);
    opacity: 1.4767819508;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(148deg);
            transform: translate(97.75px, -112px) rotate(148deg);
    opacity: 1.4767819508;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(148deg);
            transform: translate(112.75px, -107.25px) rotate(148deg);
    opacity: 1.4767819508;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(148deg);
            transform: translate(128.5px, -96.75px) rotate(148deg);
    opacity: 1.4767819508;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(148deg);
            transform: translate(145px, -80px) rotate(148deg);
    opacity: 1.4767819508;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(148deg);
            transform: translate(162.375px, -56.25px) rotate(148deg);
    opacity: 1.4767819508;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(148deg);
            transform: translate(180.375px, -25px) rotate(148deg);
    opacity: 1.4767819508;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(148deg);
            transform: translate(199.25px, 14.375px) rotate(148deg);
    opacity: 0.7383909754;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(148deg);
            transform: translate(218.75px, 62.5px) rotate(148deg);
    opacity: 0;
  }
}

@keyframes drop-left-106 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(148deg);
            transform: translate(0px, 0px) rotate(148deg);
    opacity: 1.4767819508;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(148deg);
            transform: translate(15.75px, -37.5px) rotate(148deg);
    opacity: 1.4767819508;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(148deg);
            transform: translate(35px, -72px) rotate(148deg);
    opacity: 1.4767819508;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(148deg);
            transform: translate(57.625px, -98.375px) rotate(148deg);
    opacity: 1.4767819508;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(148deg);
            transform: translate(70.25px, -107px) rotate(148deg);
    opacity: 1.4767819508;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(148deg);
            transform: translate(83.625px, -111.75px) rotate(148deg);
    opacity: 1.4767819508;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(148deg);
            transform: translate(97.75px, -112px) rotate(148deg);
    opacity: 1.4767819508;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(148deg);
            transform: translate(112.75px, -107.25px) rotate(148deg);
    opacity: 1.4767819508;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(148deg);
            transform: translate(128.5px, -96.75px) rotate(148deg);
    opacity: 1.4767819508;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(148deg);
            transform: translate(145px, -80px) rotate(148deg);
    opacity: 1.4767819508;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(148deg);
            transform: translate(162.375px, -56.25px) rotate(148deg);
    opacity: 1.4767819508;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(148deg);
            transform: translate(180.375px, -25px) rotate(148deg);
    opacity: 1.4767819508;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(148deg);
            transform: translate(199.25px, 14.375px) rotate(148deg);
    opacity: 0.7383909754;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(148deg);
            transform: translate(218.75px, 62.5px) rotate(148deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-106 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(214deg);
            transform: translate(0px, 0px) rotate(214deg);
    opacity: 1.2340628079;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(214deg);
            transform: translate(-3.15px, -7.5px) rotate(214deg);
    opacity: 1.2340628079;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(214deg);
            transform: translate(-7px, -14.4px) rotate(214deg);
    opacity: 1.2340628079;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(214deg);
            transform: translate(-11.525px, -19.675px) rotate(214deg);
    opacity: 1.2340628079;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(214deg);
            transform: translate(-14.05px, -21.4px) rotate(214deg);
    opacity: 1.2340628079;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(214deg);
            transform: translate(-16.725px, -22.35px) rotate(214deg);
    opacity: 1.2340628079;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(214deg);
            transform: translate(-19.55px, -22.4px) rotate(214deg);
    opacity: 1.2340628079;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(214deg);
            transform: translate(-22.55px, -21.45px) rotate(214deg);
    opacity: 1.2340628079;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(214deg);
            transform: translate(-25.7px, -19.35px) rotate(214deg);
    opacity: 1.2340628079;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(214deg);
            transform: translate(-29px, -16px) rotate(214deg);
    opacity: 1.2340628079;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(214deg);
            transform: translate(-32.475px, -11.25px) rotate(214deg);
    opacity: 1.2340628079;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(214deg);
            transform: translate(-36.075px, -5px) rotate(214deg);
    opacity: 1.2340628079;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(214deg);
            transform: translate(-39.85px, 2.875px) rotate(214deg);
    opacity: 0.6170314039;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(214deg);
            transform: translate(-43.75px, 12.5px) rotate(214deg);
    opacity: 0;
  }
}
@keyframes drop-right-106 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(214deg);
            transform: translate(0px, 0px) rotate(214deg);
    opacity: 1.2340628079;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(214deg);
            transform: translate(-3.15px, -7.5px) rotate(214deg);
    opacity: 1.2340628079;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(214deg);
            transform: translate(-7px, -14.4px) rotate(214deg);
    opacity: 1.2340628079;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(214deg);
            transform: translate(-11.525px, -19.675px) rotate(214deg);
    opacity: 1.2340628079;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(214deg);
            transform: translate(-14.05px, -21.4px) rotate(214deg);
    opacity: 1.2340628079;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(214deg);
            transform: translate(-16.725px, -22.35px) rotate(214deg);
    opacity: 1.2340628079;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(214deg);
            transform: translate(-19.55px, -22.4px) rotate(214deg);
    opacity: 1.2340628079;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(214deg);
            transform: translate(-22.55px, -21.45px) rotate(214deg);
    opacity: 1.2340628079;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(214deg);
            transform: translate(-25.7px, -19.35px) rotate(214deg);
    opacity: 1.2340628079;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(214deg);
            transform: translate(-29px, -16px) rotate(214deg);
    opacity: 1.2340628079;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(214deg);
            transform: translate(-32.475px, -11.25px) rotate(214deg);
    opacity: 1.2340628079;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(214deg);
            transform: translate(-36.075px, -5px) rotate(214deg);
    opacity: 1.2340628079;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(214deg);
            transform: translate(-39.85px, 2.875px) rotate(214deg);
    opacity: 0.6170314039;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(214deg);
            transform: translate(-43.75px, 12.5px) rotate(214deg);
    opacity: 0;
  }
}
.confetti-left-107,
.confetti-right-107 {
  background-color: transparent;
  border-bottom: 6px solid #8AB925;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  height: 0;
  width: 6px;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-107 {
  -webkit-animation: drop-left-107 1.1662798567s 1.2318167494s 2 forwards;
          animation: drop-left-107 1.1662798567s 1.2318167494s 2 forwards;
}

.confetti-right-107 {
  -webkit-animation: drop-right-107 1.8951778473s 0.6307521653s 2 forwards;
          animation: drop-right-107 1.8951778473s 0.6307521653s 2 forwards;
}

@-webkit-keyframes drop-left-107 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(325deg);
            transform: translate(0px, 0px) rotate(325deg);
    opacity: 1.2173980128;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(325deg);
            transform: translate(28.35px, -67.5px) rotate(325deg);
    opacity: 1.2173980128;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(325deg);
            transform: translate(63px, -129.6px) rotate(325deg);
    opacity: 1.2173980128;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(325deg);
            transform: translate(103.725px, -177.075px) rotate(325deg);
    opacity: 1.2173980128;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(325deg);
            transform: translate(126.45px, -192.6px) rotate(325deg);
    opacity: 1.2173980128;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(325deg);
            transform: translate(150.525px, -201.15px) rotate(325deg);
    opacity: 1.2173980128;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(325deg);
            transform: translate(175.95px, -201.6px) rotate(325deg);
    opacity: 1.2173980128;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(325deg);
            transform: translate(202.95px, -193.05px) rotate(325deg);
    opacity: 1.2173980128;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(325deg);
            transform: translate(231.3px, -174.15px) rotate(325deg);
    opacity: 1.2173980128;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(325deg);
            transform: translate(261px, -144px) rotate(325deg);
    opacity: 1.2173980128;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(325deg);
            transform: translate(292.275px, -101.25px) rotate(325deg);
    opacity: 1.2173980128;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(325deg);
            transform: translate(324.675px, -45px) rotate(325deg);
    opacity: 1.2173980128;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(325deg);
            transform: translate(358.65px, 25.875px) rotate(325deg);
    opacity: 0.6086990064;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(325deg);
            transform: translate(393.75px, 112.5px) rotate(325deg);
    opacity: 0;
  }
}

@keyframes drop-left-107 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(325deg);
            transform: translate(0px, 0px) rotate(325deg);
    opacity: 1.2173980128;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(325deg);
            transform: translate(28.35px, -67.5px) rotate(325deg);
    opacity: 1.2173980128;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(325deg);
            transform: translate(63px, -129.6px) rotate(325deg);
    opacity: 1.2173980128;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(325deg);
            transform: translate(103.725px, -177.075px) rotate(325deg);
    opacity: 1.2173980128;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(325deg);
            transform: translate(126.45px, -192.6px) rotate(325deg);
    opacity: 1.2173980128;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(325deg);
            transform: translate(150.525px, -201.15px) rotate(325deg);
    opacity: 1.2173980128;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(325deg);
            transform: translate(175.95px, -201.6px) rotate(325deg);
    opacity: 1.2173980128;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(325deg);
            transform: translate(202.95px, -193.05px) rotate(325deg);
    opacity: 1.2173980128;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(325deg);
            transform: translate(231.3px, -174.15px) rotate(325deg);
    opacity: 1.2173980128;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(325deg);
            transform: translate(261px, -144px) rotate(325deg);
    opacity: 1.2173980128;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(325deg);
            transform: translate(292.275px, -101.25px) rotate(325deg);
    opacity: 1.2173980128;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(325deg);
            transform: translate(324.675px, -45px) rotate(325deg);
    opacity: 1.2173980128;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(325deg);
            transform: translate(358.65px, 25.875px) rotate(325deg);
    opacity: 0.6086990064;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(325deg);
            transform: translate(393.75px, 112.5px) rotate(325deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-107 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(99deg);
            transform: translate(0px, 0px) rotate(99deg);
    opacity: 1.4888251673;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(99deg);
            transform: translate(-3.15px, -7.5px) rotate(99deg);
    opacity: 1.4888251673;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(99deg);
            transform: translate(-7px, -14.4px) rotate(99deg);
    opacity: 1.4888251673;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(99deg);
            transform: translate(-11.525px, -19.675px) rotate(99deg);
    opacity: 1.4888251673;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(99deg);
            transform: translate(-14.05px, -21.4px) rotate(99deg);
    opacity: 1.4888251673;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(99deg);
            transform: translate(-16.725px, -22.35px) rotate(99deg);
    opacity: 1.4888251673;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(99deg);
            transform: translate(-19.55px, -22.4px) rotate(99deg);
    opacity: 1.4888251673;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(99deg);
            transform: translate(-22.55px, -21.45px) rotate(99deg);
    opacity: 1.4888251673;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(99deg);
            transform: translate(-25.7px, -19.35px) rotate(99deg);
    opacity: 1.4888251673;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(99deg);
            transform: translate(-29px, -16px) rotate(99deg);
    opacity: 1.4888251673;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(99deg);
            transform: translate(-32.475px, -11.25px) rotate(99deg);
    opacity: 1.4888251673;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(99deg);
            transform: translate(-36.075px, -5px) rotate(99deg);
    opacity: 1.4888251673;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(99deg);
            transform: translate(-39.85px, 2.875px) rotate(99deg);
    opacity: 0.7444125837;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(99deg);
            transform: translate(-43.75px, 12.5px) rotate(99deg);
    opacity: 0;
  }
}
@keyframes drop-right-107 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(99deg);
            transform: translate(0px, 0px) rotate(99deg);
    opacity: 1.4888251673;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(99deg);
            transform: translate(-3.15px, -7.5px) rotate(99deg);
    opacity: 1.4888251673;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(99deg);
            transform: translate(-7px, -14.4px) rotate(99deg);
    opacity: 1.4888251673;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(99deg);
            transform: translate(-11.525px, -19.675px) rotate(99deg);
    opacity: 1.4888251673;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(99deg);
            transform: translate(-14.05px, -21.4px) rotate(99deg);
    opacity: 1.4888251673;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(99deg);
            transform: translate(-16.725px, -22.35px) rotate(99deg);
    opacity: 1.4888251673;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(99deg);
            transform: translate(-19.55px, -22.4px) rotate(99deg);
    opacity: 1.4888251673;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(99deg);
            transform: translate(-22.55px, -21.45px) rotate(99deg);
    opacity: 1.4888251673;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(99deg);
            transform: translate(-25.7px, -19.35px) rotate(99deg);
    opacity: 1.4888251673;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(99deg);
            transform: translate(-29px, -16px) rotate(99deg);
    opacity: 1.4888251673;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(99deg);
            transform: translate(-32.475px, -11.25px) rotate(99deg);
    opacity: 1.4888251673;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(99deg);
            transform: translate(-36.075px, -5px) rotate(99deg);
    opacity: 1.4888251673;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(99deg);
            transform: translate(-39.85px, 2.875px) rotate(99deg);
    opacity: 0.7444125837;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(99deg);
            transform: translate(-43.75px, 12.5px) rotate(99deg);
    opacity: 0;
  }
}
.confetti-left-108,
.confetti-right-108 {
  width: 11px;
  height: 4.4px;
  background-color: #3FA5C3;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-108 {
  -webkit-animation: drop-left-108 1.787643979s 0.5513804191s 2 forwards;
          animation: drop-left-108 1.787643979s 0.5513804191s 2 forwards;
}

.confetti-right-108 {
  -webkit-animation: drop-right-108 1.2781585587s 0.9066253298s 2 forwards;
          animation: drop-right-108 1.2781585587s 0.9066253298s 2 forwards;
}

@-webkit-keyframes drop-left-108 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(50deg);
            transform: translate(0px, 0px) rotate(50deg);
    opacity: 0.5745129022;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(50deg);
            transform: translate(25.2px, -60px) rotate(50deg);
    opacity: 0.5745129022;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(50deg);
            transform: translate(56px, -115.2px) rotate(50deg);
    opacity: 0.5745129022;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(50deg);
            transform: translate(92.2px, -157.4px) rotate(50deg);
    opacity: 0.5745129022;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(50deg);
            transform: translate(112.4px, -171.2px) rotate(50deg);
    opacity: 0.5745129022;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(50deg);
            transform: translate(133.8px, -178.8px) rotate(50deg);
    opacity: 0.5745129022;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(50deg);
            transform: translate(156.4px, -179.2px) rotate(50deg);
    opacity: 0.5745129022;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(50deg);
            transform: translate(180.4px, -171.6px) rotate(50deg);
    opacity: 0.5745129022;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(50deg);
            transform: translate(205.6px, -154.8px) rotate(50deg);
    opacity: 0.5745129022;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(50deg);
            transform: translate(232px, -128px) rotate(50deg);
    opacity: 0.5745129022;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(50deg);
            transform: translate(259.8px, -90px) rotate(50deg);
    opacity: 0.5745129022;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(50deg);
            transform: translate(288.6px, -40px) rotate(50deg);
    opacity: 0.5745129022;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(50deg);
            transform: translate(318.8px, 23px) rotate(50deg);
    opacity: 0.2872564511;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(50deg);
            transform: translate(350px, 100px) rotate(50deg);
    opacity: 0;
  }
}

@keyframes drop-left-108 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(50deg);
            transform: translate(0px, 0px) rotate(50deg);
    opacity: 0.5745129022;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(50deg);
            transform: translate(25.2px, -60px) rotate(50deg);
    opacity: 0.5745129022;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(50deg);
            transform: translate(56px, -115.2px) rotate(50deg);
    opacity: 0.5745129022;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(50deg);
            transform: translate(92.2px, -157.4px) rotate(50deg);
    opacity: 0.5745129022;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(50deg);
            transform: translate(112.4px, -171.2px) rotate(50deg);
    opacity: 0.5745129022;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(50deg);
            transform: translate(133.8px, -178.8px) rotate(50deg);
    opacity: 0.5745129022;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(50deg);
            transform: translate(156.4px, -179.2px) rotate(50deg);
    opacity: 0.5745129022;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(50deg);
            transform: translate(180.4px, -171.6px) rotate(50deg);
    opacity: 0.5745129022;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(50deg);
            transform: translate(205.6px, -154.8px) rotate(50deg);
    opacity: 0.5745129022;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(50deg);
            transform: translate(232px, -128px) rotate(50deg);
    opacity: 0.5745129022;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(50deg);
            transform: translate(259.8px, -90px) rotate(50deg);
    opacity: 0.5745129022;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(50deg);
            transform: translate(288.6px, -40px) rotate(50deg);
    opacity: 0.5745129022;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(50deg);
            transform: translate(318.8px, 23px) rotate(50deg);
    opacity: 0.2872564511;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(50deg);
            transform: translate(350px, 100px) rotate(50deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-108 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(135deg);
            transform: translate(0px, 0px) rotate(135deg);
    opacity: 1.2499649529;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(135deg);
            transform: translate(-28.35px, -67.5px) rotate(135deg);
    opacity: 1.2499649529;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(135deg);
            transform: translate(-63px, -129.6px) rotate(135deg);
    opacity: 1.2499649529;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(135deg);
            transform: translate(-103.725px, -177.075px) rotate(135deg);
    opacity: 1.2499649529;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(135deg);
            transform: translate(-126.45px, -192.6px) rotate(135deg);
    opacity: 1.2499649529;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(135deg);
            transform: translate(-150.525px, -201.15px) rotate(135deg);
    opacity: 1.2499649529;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(135deg);
            transform: translate(-175.95px, -201.6px) rotate(135deg);
    opacity: 1.2499649529;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(135deg);
            transform: translate(-202.95px, -193.05px) rotate(135deg);
    opacity: 1.2499649529;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(135deg);
            transform: translate(-231.3px, -174.15px) rotate(135deg);
    opacity: 1.2499649529;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(135deg);
            transform: translate(-261px, -144px) rotate(135deg);
    opacity: 1.2499649529;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(135deg);
            transform: translate(-292.275px, -101.25px) rotate(135deg);
    opacity: 1.2499649529;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(135deg);
            transform: translate(-324.675px, -45px) rotate(135deg);
    opacity: 1.2499649529;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(135deg);
            transform: translate(-358.65px, 25.875px) rotate(135deg);
    opacity: 0.6249824765;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(135deg);
            transform: translate(-393.75px, 112.5px) rotate(135deg);
    opacity: 0;
  }
}
@keyframes drop-right-108 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(135deg);
            transform: translate(0px, 0px) rotate(135deg);
    opacity: 1.2499649529;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(135deg);
            transform: translate(-28.35px, -67.5px) rotate(135deg);
    opacity: 1.2499649529;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(135deg);
            transform: translate(-63px, -129.6px) rotate(135deg);
    opacity: 1.2499649529;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(135deg);
            transform: translate(-103.725px, -177.075px) rotate(135deg);
    opacity: 1.2499649529;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(135deg);
            transform: translate(-126.45px, -192.6px) rotate(135deg);
    opacity: 1.2499649529;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(135deg);
            transform: translate(-150.525px, -201.15px) rotate(135deg);
    opacity: 1.2499649529;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(135deg);
            transform: translate(-175.95px, -201.6px) rotate(135deg);
    opacity: 1.2499649529;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(135deg);
            transform: translate(-202.95px, -193.05px) rotate(135deg);
    opacity: 1.2499649529;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(135deg);
            transform: translate(-231.3px, -174.15px) rotate(135deg);
    opacity: 1.2499649529;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(135deg);
            transform: translate(-261px, -144px) rotate(135deg);
    opacity: 1.2499649529;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(135deg);
            transform: translate(-292.275px, -101.25px) rotate(135deg);
    opacity: 1.2499649529;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(135deg);
            transform: translate(-324.675px, -45px) rotate(135deg);
    opacity: 1.2499649529;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(135deg);
            transform: translate(-358.65px, 25.875px) rotate(135deg);
    opacity: 0.6249824765;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(135deg);
            transform: translate(-393.75px, 112.5px) rotate(135deg);
    opacity: 0;
  }
}
.confetti-left-109,
.confetti-right-109 {
  background-color: transparent;
  border-bottom: 4.5px solid #8AB925;
  border-left: 2.25px solid transparent;
  border-right: 2.25px solid transparent;
  height: 0;
  width: 4.5px;
  top: calc(25% - 9px);
  left: calc(50% - 2.7px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-109 {
  -webkit-animation: drop-left-109 1.3716336376s 0.5695016603s 2 forwards;
          animation: drop-left-109 1.3716336376s 0.5695016603s 2 forwards;
}

.confetti-right-109 {
  -webkit-animation: drop-right-109 1.3131547996s 1.2848911561s 2 forwards;
          animation: drop-right-109 1.3131547996s 1.2848911561s 2 forwards;
}

@-webkit-keyframes drop-left-109 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(273deg);
            transform: translate(0px, 0px) rotate(273deg);
    opacity: 1.2930041039;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(273deg);
            transform: translate(22.05px, -52.5px) rotate(273deg);
    opacity: 1.2930041039;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(273deg);
            transform: translate(49px, -100.8px) rotate(273deg);
    opacity: 1.2930041039;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(273deg);
            transform: translate(80.675px, -137.725px) rotate(273deg);
    opacity: 1.2930041039;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(273deg);
            transform: translate(98.35px, -149.8px) rotate(273deg);
    opacity: 1.2930041039;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(273deg);
            transform: translate(117.075px, -156.45px) rotate(273deg);
    opacity: 1.2930041039;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(273deg);
            transform: translate(136.85px, -156.8px) rotate(273deg);
    opacity: 1.2930041039;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(273deg);
            transform: translate(157.85px, -150.15px) rotate(273deg);
    opacity: 1.2930041039;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(273deg);
            transform: translate(179.9px, -135.45px) rotate(273deg);
    opacity: 1.2930041039;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(273deg);
            transform: translate(203px, -112px) rotate(273deg);
    opacity: 1.2930041039;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(273deg);
            transform: translate(227.325px, -78.75px) rotate(273deg);
    opacity: 1.2930041039;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(273deg);
            transform: translate(252.525px, -35px) rotate(273deg);
    opacity: 1.2930041039;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(273deg);
            transform: translate(278.95px, 20.125px) rotate(273deg);
    opacity: 0.6465020519;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(273deg);
            transform: translate(306.25px, 87.5px) rotate(273deg);
    opacity: 0;
  }
}

@keyframes drop-left-109 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(273deg);
            transform: translate(0px, 0px) rotate(273deg);
    opacity: 1.2930041039;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(273deg);
            transform: translate(22.05px, -52.5px) rotate(273deg);
    opacity: 1.2930041039;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(273deg);
            transform: translate(49px, -100.8px) rotate(273deg);
    opacity: 1.2930041039;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(273deg);
            transform: translate(80.675px, -137.725px) rotate(273deg);
    opacity: 1.2930041039;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(273deg);
            transform: translate(98.35px, -149.8px) rotate(273deg);
    opacity: 1.2930041039;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(273deg);
            transform: translate(117.075px, -156.45px) rotate(273deg);
    opacity: 1.2930041039;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(273deg);
            transform: translate(136.85px, -156.8px) rotate(273deg);
    opacity: 1.2930041039;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(273deg);
            transform: translate(157.85px, -150.15px) rotate(273deg);
    opacity: 1.2930041039;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(273deg);
            transform: translate(179.9px, -135.45px) rotate(273deg);
    opacity: 1.2930041039;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(273deg);
            transform: translate(203px, -112px) rotate(273deg);
    opacity: 1.2930041039;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(273deg);
            transform: translate(227.325px, -78.75px) rotate(273deg);
    opacity: 1.2930041039;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(273deg);
            transform: translate(252.525px, -35px) rotate(273deg);
    opacity: 1.2930041039;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(273deg);
            transform: translate(278.95px, 20.125px) rotate(273deg);
    opacity: 0.6465020519;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(273deg);
            transform: translate(306.25px, 87.5px) rotate(273deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-109 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(77deg);
            transform: translate(0px, 0px) rotate(77deg);
    opacity: 1.3066959227;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(77deg);
            transform: translate(-6.3px, -15px) rotate(77deg);
    opacity: 1.3066959227;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(77deg);
            transform: translate(-14px, -28.8px) rotate(77deg);
    opacity: 1.3066959227;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(77deg);
            transform: translate(-23.05px, -39.35px) rotate(77deg);
    opacity: 1.3066959227;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(77deg);
            transform: translate(-28.1px, -42.8px) rotate(77deg);
    opacity: 1.3066959227;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(77deg);
            transform: translate(-33.45px, -44.7px) rotate(77deg);
    opacity: 1.3066959227;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(77deg);
            transform: translate(-39.1px, -44.8px) rotate(77deg);
    opacity: 1.3066959227;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(77deg);
            transform: translate(-45.1px, -42.9px) rotate(77deg);
    opacity: 1.3066959227;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(77deg);
            transform: translate(-51.4px, -38.7px) rotate(77deg);
    opacity: 1.3066959227;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(77deg);
            transform: translate(-58px, -32px) rotate(77deg);
    opacity: 1.3066959227;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(77deg);
            transform: translate(-64.95px, -22.5px) rotate(77deg);
    opacity: 1.3066959227;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(77deg);
            transform: translate(-72.15px, -10px) rotate(77deg);
    opacity: 1.3066959227;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(77deg);
            transform: translate(-79.7px, 5.75px) rotate(77deg);
    opacity: 0.6533479613;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(77deg);
            transform: translate(-87.5px, 25px) rotate(77deg);
    opacity: 0;
  }
}
@keyframes drop-right-109 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(77deg);
            transform: translate(0px, 0px) rotate(77deg);
    opacity: 1.3066959227;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(77deg);
            transform: translate(-6.3px, -15px) rotate(77deg);
    opacity: 1.3066959227;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(77deg);
            transform: translate(-14px, -28.8px) rotate(77deg);
    opacity: 1.3066959227;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(77deg);
            transform: translate(-23.05px, -39.35px) rotate(77deg);
    opacity: 1.3066959227;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(77deg);
            transform: translate(-28.1px, -42.8px) rotate(77deg);
    opacity: 1.3066959227;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(77deg);
            transform: translate(-33.45px, -44.7px) rotate(77deg);
    opacity: 1.3066959227;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(77deg);
            transform: translate(-39.1px, -44.8px) rotate(77deg);
    opacity: 1.3066959227;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(77deg);
            transform: translate(-45.1px, -42.9px) rotate(77deg);
    opacity: 1.3066959227;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(77deg);
            transform: translate(-51.4px, -38.7px) rotate(77deg);
    opacity: 1.3066959227;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(77deg);
            transform: translate(-58px, -32px) rotate(77deg);
    opacity: 1.3066959227;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(77deg);
            transform: translate(-64.95px, -22.5px) rotate(77deg);
    opacity: 1.3066959227;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(77deg);
            transform: translate(-72.15px, -10px) rotate(77deg);
    opacity: 1.3066959227;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(77deg);
            transform: translate(-79.7px, 5.75px) rotate(77deg);
    opacity: 0.6533479613;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(77deg);
            transform: translate(-87.5px, 25px) rotate(77deg);
    opacity: 0;
  }
}
.confetti-left-110,
.confetti-right-110 {
  width: 3.6px;
  height: 3.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #765AA3;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-110 {
  -webkit-animation: drop-left-110 1.9046891451s 0.8729059982s 2 forwards;
          animation: drop-left-110 1.9046891451s 0.8729059982s 2 forwards;
}

.confetti-right-110 {
  -webkit-animation: drop-right-110 1.3714402313s 1.2965797221s 2 forwards;
          animation: drop-right-110 1.3714402313s 1.2965797221s 2 forwards;
}

@-webkit-keyframes drop-left-110 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(232deg);
            transform: translate(0px, 0px) rotate(232deg);
    opacity: 1.1176780781;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(232deg);
            transform: translate(15.75px, -37.5px) rotate(232deg);
    opacity: 1.1176780781;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(232deg);
            transform: translate(35px, -72px) rotate(232deg);
    opacity: 1.1176780781;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(232deg);
            transform: translate(57.625px, -98.375px) rotate(232deg);
    opacity: 1.1176780781;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(232deg);
            transform: translate(70.25px, -107px) rotate(232deg);
    opacity: 1.1176780781;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(232deg);
            transform: translate(83.625px, -111.75px) rotate(232deg);
    opacity: 1.1176780781;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(232deg);
            transform: translate(97.75px, -112px) rotate(232deg);
    opacity: 1.1176780781;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(232deg);
            transform: translate(112.75px, -107.25px) rotate(232deg);
    opacity: 1.1176780781;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(232deg);
            transform: translate(128.5px, -96.75px) rotate(232deg);
    opacity: 1.1176780781;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(232deg);
            transform: translate(145px, -80px) rotate(232deg);
    opacity: 1.1176780781;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(232deg);
            transform: translate(162.375px, -56.25px) rotate(232deg);
    opacity: 1.1176780781;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(232deg);
            transform: translate(180.375px, -25px) rotate(232deg);
    opacity: 1.1176780781;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(232deg);
            transform: translate(199.25px, 14.375px) rotate(232deg);
    opacity: 0.5588390391;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(232deg);
            transform: translate(218.75px, 62.5px) rotate(232deg);
    opacity: 0;
  }
}

@keyframes drop-left-110 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(232deg);
            transform: translate(0px, 0px) rotate(232deg);
    opacity: 1.1176780781;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(232deg);
            transform: translate(15.75px, -37.5px) rotate(232deg);
    opacity: 1.1176780781;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(232deg);
            transform: translate(35px, -72px) rotate(232deg);
    opacity: 1.1176780781;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(232deg);
            transform: translate(57.625px, -98.375px) rotate(232deg);
    opacity: 1.1176780781;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(232deg);
            transform: translate(70.25px, -107px) rotate(232deg);
    opacity: 1.1176780781;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(232deg);
            transform: translate(83.625px, -111.75px) rotate(232deg);
    opacity: 1.1176780781;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(232deg);
            transform: translate(97.75px, -112px) rotate(232deg);
    opacity: 1.1176780781;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(232deg);
            transform: translate(112.75px, -107.25px) rotate(232deg);
    opacity: 1.1176780781;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(232deg);
            transform: translate(128.5px, -96.75px) rotate(232deg);
    opacity: 1.1176780781;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(232deg);
            transform: translate(145px, -80px) rotate(232deg);
    opacity: 1.1176780781;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(232deg);
            transform: translate(162.375px, -56.25px) rotate(232deg);
    opacity: 1.1176780781;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(232deg);
            transform: translate(180.375px, -25px) rotate(232deg);
    opacity: 1.1176780781;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(232deg);
            transform: translate(199.25px, 14.375px) rotate(232deg);
    opacity: 0.5588390391;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(232deg);
            transform: translate(218.75px, 62.5px) rotate(232deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-110 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(191deg);
            transform: translate(0px, 0px) rotate(191deg);
    opacity: 0.6932315191;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(191deg);
            transform: translate(-25.2px, -60px) rotate(191deg);
    opacity: 0.6932315191;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(191deg);
            transform: translate(-56px, -115.2px) rotate(191deg);
    opacity: 0.6932315191;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(191deg);
            transform: translate(-92.2px, -157.4px) rotate(191deg);
    opacity: 0.6932315191;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(191deg);
            transform: translate(-112.4px, -171.2px) rotate(191deg);
    opacity: 0.6932315191;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(191deg);
            transform: translate(-133.8px, -178.8px) rotate(191deg);
    opacity: 0.6932315191;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(191deg);
            transform: translate(-156.4px, -179.2px) rotate(191deg);
    opacity: 0.6932315191;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(191deg);
            transform: translate(-180.4px, -171.6px) rotate(191deg);
    opacity: 0.6932315191;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(191deg);
            transform: translate(-205.6px, -154.8px) rotate(191deg);
    opacity: 0.6932315191;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(191deg);
            transform: translate(-232px, -128px) rotate(191deg);
    opacity: 0.6932315191;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(191deg);
            transform: translate(-259.8px, -90px) rotate(191deg);
    opacity: 0.6932315191;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(191deg);
            transform: translate(-288.6px, -40px) rotate(191deg);
    opacity: 0.6932315191;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(191deg);
            transform: translate(-318.8px, 23px) rotate(191deg);
    opacity: 0.3466157596;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(191deg);
            transform: translate(-350px, 100px) rotate(191deg);
    opacity: 0;
  }
}
@keyframes drop-right-110 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(191deg);
            transform: translate(0px, 0px) rotate(191deg);
    opacity: 0.6932315191;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(191deg);
            transform: translate(-25.2px, -60px) rotate(191deg);
    opacity: 0.6932315191;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(191deg);
            transform: translate(-56px, -115.2px) rotate(191deg);
    opacity: 0.6932315191;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(191deg);
            transform: translate(-92.2px, -157.4px) rotate(191deg);
    opacity: 0.6932315191;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(191deg);
            transform: translate(-112.4px, -171.2px) rotate(191deg);
    opacity: 0.6932315191;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(191deg);
            transform: translate(-133.8px, -178.8px) rotate(191deg);
    opacity: 0.6932315191;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(191deg);
            transform: translate(-156.4px, -179.2px) rotate(191deg);
    opacity: 0.6932315191;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(191deg);
            transform: translate(-180.4px, -171.6px) rotate(191deg);
    opacity: 0.6932315191;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(191deg);
            transform: translate(-205.6px, -154.8px) rotate(191deg);
    opacity: 0.6932315191;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(191deg);
            transform: translate(-232px, -128px) rotate(191deg);
    opacity: 0.6932315191;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(191deg);
            transform: translate(-259.8px, -90px) rotate(191deg);
    opacity: 0.6932315191;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(191deg);
            transform: translate(-288.6px, -40px) rotate(191deg);
    opacity: 0.6932315191;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(191deg);
            transform: translate(-318.8px, 23px) rotate(191deg);
    opacity: 0.3466157596;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(191deg);
            transform: translate(-350px, 100px) rotate(191deg);
    opacity: 0;
  }
}
.confetti-left-111,
.confetti-right-111 {
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-111 {
  -webkit-animation: drop-left-111 1.3768982027s 0.6292252097s 2 forwards;
          animation: drop-left-111 1.3768982027s 0.6292252097s 2 forwards;
}

.confetti-right-111 {
  -webkit-animation: drop-right-111 1.5751537482s 1.0960058858s 2 forwards;
          animation: drop-right-111 1.5751537482s 1.0960058858s 2 forwards;
}

@-webkit-keyframes drop-left-111 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(73deg);
            transform: translate(0px, 0px) rotate(73deg);
    opacity: 0.5658083871;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(73deg);
            transform: translate(28.35px, -67.5px) rotate(73deg);
    opacity: 0.5658083871;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(73deg);
            transform: translate(63px, -129.6px) rotate(73deg);
    opacity: 0.5658083871;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(73deg);
            transform: translate(103.725px, -177.075px) rotate(73deg);
    opacity: 0.5658083871;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(73deg);
            transform: translate(126.45px, -192.6px) rotate(73deg);
    opacity: 0.5658083871;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(73deg);
            transform: translate(150.525px, -201.15px) rotate(73deg);
    opacity: 0.5658083871;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(73deg);
            transform: translate(175.95px, -201.6px) rotate(73deg);
    opacity: 0.5658083871;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(73deg);
            transform: translate(202.95px, -193.05px) rotate(73deg);
    opacity: 0.5658083871;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(73deg);
            transform: translate(231.3px, -174.15px) rotate(73deg);
    opacity: 0.5658083871;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(73deg);
            transform: translate(261px, -144px) rotate(73deg);
    opacity: 0.5658083871;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(73deg);
            transform: translate(292.275px, -101.25px) rotate(73deg);
    opacity: 0.5658083871;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(73deg);
            transform: translate(324.675px, -45px) rotate(73deg);
    opacity: 0.5658083871;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(73deg);
            transform: translate(358.65px, 25.875px) rotate(73deg);
    opacity: 0.2829041936;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(73deg);
            transform: translate(393.75px, 112.5px) rotate(73deg);
    opacity: 0;
  }
}

@keyframes drop-left-111 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(73deg);
            transform: translate(0px, 0px) rotate(73deg);
    opacity: 0.5658083871;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(73deg);
            transform: translate(28.35px, -67.5px) rotate(73deg);
    opacity: 0.5658083871;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(73deg);
            transform: translate(63px, -129.6px) rotate(73deg);
    opacity: 0.5658083871;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(73deg);
            transform: translate(103.725px, -177.075px) rotate(73deg);
    opacity: 0.5658083871;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(73deg);
            transform: translate(126.45px, -192.6px) rotate(73deg);
    opacity: 0.5658083871;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(73deg);
            transform: translate(150.525px, -201.15px) rotate(73deg);
    opacity: 0.5658083871;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(73deg);
            transform: translate(175.95px, -201.6px) rotate(73deg);
    opacity: 0.5658083871;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(73deg);
            transform: translate(202.95px, -193.05px) rotate(73deg);
    opacity: 0.5658083871;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(73deg);
            transform: translate(231.3px, -174.15px) rotate(73deg);
    opacity: 0.5658083871;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(73deg);
            transform: translate(261px, -144px) rotate(73deg);
    opacity: 0.5658083871;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(73deg);
            transform: translate(292.275px, -101.25px) rotate(73deg);
    opacity: 0.5658083871;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(73deg);
            transform: translate(324.675px, -45px) rotate(73deg);
    opacity: 0.5658083871;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(73deg);
            transform: translate(358.65px, 25.875px) rotate(73deg);
    opacity: 0.2829041936;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(73deg);
            transform: translate(393.75px, 112.5px) rotate(73deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-111 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(236deg);
            transform: translate(0px, 0px) rotate(236deg);
    opacity: 1.0120427444;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(236deg);
            transform: translate(-31.5px, -75px) rotate(236deg);
    opacity: 1.0120427444;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(236deg);
            transform: translate(-70px, -144px) rotate(236deg);
    opacity: 1.0120427444;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(236deg);
            transform: translate(-115.25px, -196.75px) rotate(236deg);
    opacity: 1.0120427444;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(236deg);
            transform: translate(-140.5px, -214px) rotate(236deg);
    opacity: 1.0120427444;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(236deg);
            transform: translate(-167.25px, -223.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(236deg);
            transform: translate(-195.5px, -224px) rotate(236deg);
    opacity: 1.0120427444;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(236deg);
            transform: translate(-225.5px, -214.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(236deg);
            transform: translate(-257px, -193.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(236deg);
            transform: translate(-290px, -160px) rotate(236deg);
    opacity: 1.0120427444;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(236deg);
            transform: translate(-324.75px, -112.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(236deg);
            transform: translate(-360.75px, -50px) rotate(236deg);
    opacity: 1.0120427444;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(236deg);
            transform: translate(-398.5px, 28.75px) rotate(236deg);
    opacity: 0.5060213722;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(236deg);
            transform: translate(-437.5px, 125px) rotate(236deg);
    opacity: 0;
  }
}
@keyframes drop-right-111 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(236deg);
            transform: translate(0px, 0px) rotate(236deg);
    opacity: 1.0120427444;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(236deg);
            transform: translate(-31.5px, -75px) rotate(236deg);
    opacity: 1.0120427444;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(236deg);
            transform: translate(-70px, -144px) rotate(236deg);
    opacity: 1.0120427444;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(236deg);
            transform: translate(-115.25px, -196.75px) rotate(236deg);
    opacity: 1.0120427444;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(236deg);
            transform: translate(-140.5px, -214px) rotate(236deg);
    opacity: 1.0120427444;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(236deg);
            transform: translate(-167.25px, -223.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(236deg);
            transform: translate(-195.5px, -224px) rotate(236deg);
    opacity: 1.0120427444;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(236deg);
            transform: translate(-225.5px, -214.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(236deg);
            transform: translate(-257px, -193.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(236deg);
            transform: translate(-290px, -160px) rotate(236deg);
    opacity: 1.0120427444;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(236deg);
            transform: translate(-324.75px, -112.5px) rotate(236deg);
    opacity: 1.0120427444;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(236deg);
            transform: translate(-360.75px, -50px) rotate(236deg);
    opacity: 1.0120427444;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(236deg);
            transform: translate(-398.5px, 28.75px) rotate(236deg);
    opacity: 0.5060213722;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(236deg);
            transform: translate(-437.5px, 125px) rotate(236deg);
    opacity: 0;
  }
}
.confetti-left-112,
.confetti-right-112 {
  background-color: transparent;
  border-bottom: 0.5px solid #8AB925;
  border-left: 0.25px solid transparent;
  border-right: 0.25px solid transparent;
  height: 0;
  width: 0.5px;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-112 {
  -webkit-animation: drop-left-112 1.062831049s 1.0314353097s 2 forwards;
          animation: drop-left-112 1.062831049s 1.0314353097s 2 forwards;
}

.confetti-right-112 {
  -webkit-animation: drop-right-112 1.4768788648s 0.5745180184s 2 forwards;
          animation: drop-right-112 1.4768788648s 0.5745180184s 2 forwards;
}

@-webkit-keyframes drop-left-112 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(34deg);
            transform: translate(0px, 0px) rotate(34deg);
    opacity: 1.0502719028;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(34deg);
            transform: translate(28.35px, -67.5px) rotate(34deg);
    opacity: 1.0502719028;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(34deg);
            transform: translate(63px, -129.6px) rotate(34deg);
    opacity: 1.0502719028;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(34deg);
            transform: translate(103.725px, -177.075px) rotate(34deg);
    opacity: 1.0502719028;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(34deg);
            transform: translate(126.45px, -192.6px) rotate(34deg);
    opacity: 1.0502719028;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(34deg);
            transform: translate(150.525px, -201.15px) rotate(34deg);
    opacity: 1.0502719028;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(34deg);
            transform: translate(175.95px, -201.6px) rotate(34deg);
    opacity: 1.0502719028;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(34deg);
            transform: translate(202.95px, -193.05px) rotate(34deg);
    opacity: 1.0502719028;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(34deg);
            transform: translate(231.3px, -174.15px) rotate(34deg);
    opacity: 1.0502719028;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(34deg);
            transform: translate(261px, -144px) rotate(34deg);
    opacity: 1.0502719028;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(34deg);
            transform: translate(292.275px, -101.25px) rotate(34deg);
    opacity: 1.0502719028;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(34deg);
            transform: translate(324.675px, -45px) rotate(34deg);
    opacity: 1.0502719028;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(34deg);
            transform: translate(358.65px, 25.875px) rotate(34deg);
    opacity: 0.5251359514;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(34deg);
            transform: translate(393.75px, 112.5px) rotate(34deg);
    opacity: 0;
  }
}

@keyframes drop-left-112 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(34deg);
            transform: translate(0px, 0px) rotate(34deg);
    opacity: 1.0502719028;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(34deg);
            transform: translate(28.35px, -67.5px) rotate(34deg);
    opacity: 1.0502719028;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(34deg);
            transform: translate(63px, -129.6px) rotate(34deg);
    opacity: 1.0502719028;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(34deg);
            transform: translate(103.725px, -177.075px) rotate(34deg);
    opacity: 1.0502719028;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(34deg);
            transform: translate(126.45px, -192.6px) rotate(34deg);
    opacity: 1.0502719028;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(34deg);
            transform: translate(150.525px, -201.15px) rotate(34deg);
    opacity: 1.0502719028;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(34deg);
            transform: translate(175.95px, -201.6px) rotate(34deg);
    opacity: 1.0502719028;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(34deg);
            transform: translate(202.95px, -193.05px) rotate(34deg);
    opacity: 1.0502719028;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(34deg);
            transform: translate(231.3px, -174.15px) rotate(34deg);
    opacity: 1.0502719028;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(34deg);
            transform: translate(261px, -144px) rotate(34deg);
    opacity: 1.0502719028;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(34deg);
            transform: translate(292.275px, -101.25px) rotate(34deg);
    opacity: 1.0502719028;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(34deg);
            transform: translate(324.675px, -45px) rotate(34deg);
    opacity: 1.0502719028;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(34deg);
            transform: translate(358.65px, 25.875px) rotate(34deg);
    opacity: 0.5251359514;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(34deg);
            transform: translate(393.75px, 112.5px) rotate(34deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-112 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(105deg);
            transform: translate(0px, 0px) rotate(105deg);
    opacity: 1.205888151;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(105deg);
            transform: translate(-3.15px, -7.5px) rotate(105deg);
    opacity: 1.205888151;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(105deg);
            transform: translate(-7px, -14.4px) rotate(105deg);
    opacity: 1.205888151;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(105deg);
            transform: translate(-11.525px, -19.675px) rotate(105deg);
    opacity: 1.205888151;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(105deg);
            transform: translate(-14.05px, -21.4px) rotate(105deg);
    opacity: 1.205888151;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(105deg);
            transform: translate(-16.725px, -22.35px) rotate(105deg);
    opacity: 1.205888151;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(105deg);
            transform: translate(-19.55px, -22.4px) rotate(105deg);
    opacity: 1.205888151;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(105deg);
            transform: translate(-22.55px, -21.45px) rotate(105deg);
    opacity: 1.205888151;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(105deg);
            transform: translate(-25.7px, -19.35px) rotate(105deg);
    opacity: 1.205888151;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(105deg);
            transform: translate(-29px, -16px) rotate(105deg);
    opacity: 1.205888151;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(105deg);
            transform: translate(-32.475px, -11.25px) rotate(105deg);
    opacity: 1.205888151;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(105deg);
            transform: translate(-36.075px, -5px) rotate(105deg);
    opacity: 1.205888151;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(105deg);
            transform: translate(-39.85px, 2.875px) rotate(105deg);
    opacity: 0.6029440755;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(105deg);
            transform: translate(-43.75px, 12.5px) rotate(105deg);
    opacity: 0;
  }
}
@keyframes drop-right-112 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(105deg);
            transform: translate(0px, 0px) rotate(105deg);
    opacity: 1.205888151;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(105deg);
            transform: translate(-3.15px, -7.5px) rotate(105deg);
    opacity: 1.205888151;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(105deg);
            transform: translate(-7px, -14.4px) rotate(105deg);
    opacity: 1.205888151;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(105deg);
            transform: translate(-11.525px, -19.675px) rotate(105deg);
    opacity: 1.205888151;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(105deg);
            transform: translate(-14.05px, -21.4px) rotate(105deg);
    opacity: 1.205888151;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(105deg);
            transform: translate(-16.725px, -22.35px) rotate(105deg);
    opacity: 1.205888151;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(105deg);
            transform: translate(-19.55px, -22.4px) rotate(105deg);
    opacity: 1.205888151;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(105deg);
            transform: translate(-22.55px, -21.45px) rotate(105deg);
    opacity: 1.205888151;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(105deg);
            transform: translate(-25.7px, -19.35px) rotate(105deg);
    opacity: 1.205888151;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(105deg);
            transform: translate(-29px, -16px) rotate(105deg);
    opacity: 1.205888151;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(105deg);
            transform: translate(-32.475px, -11.25px) rotate(105deg);
    opacity: 1.205888151;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(105deg);
            transform: translate(-36.075px, -5px) rotate(105deg);
    opacity: 1.205888151;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(105deg);
            transform: translate(-39.85px, 2.875px) rotate(105deg);
    opacity: 0.6029440755;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(105deg);
            transform: translate(-43.75px, 12.5px) rotate(105deg);
    opacity: 0;
  }
}
.confetti-left-113,
.confetti-right-113 {
  background-color: transparent;
  border-bottom: 1.5px solid #3FA5C3;
  border-left: 0.75px solid transparent;
  border-right: 0.75px solid transparent;
  height: 0;
  width: 1.5px;
  top: calc(25% - 3px);
  left: calc(50% - 0.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-113 {
  -webkit-animation: drop-left-113 1.8088392048s 0.5990776587s 2 forwards;
          animation: drop-left-113 1.8088392048s 0.5990776587s 2 forwards;
}

.confetti-right-113 {
  -webkit-animation: drop-right-113 1.6804782024s 1.2562108807s 2 forwards;
          animation: drop-right-113 1.6804782024s 1.2562108807s 2 forwards;
}

@-webkit-keyframes drop-left-113 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(130deg);
            transform: translate(0px, 0px) rotate(130deg);
    opacity: 0.6733626947;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(130deg);
            transform: translate(25.2px, -60px) rotate(130deg);
    opacity: 0.6733626947;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(130deg);
            transform: translate(56px, -115.2px) rotate(130deg);
    opacity: 0.6733626947;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(130deg);
            transform: translate(92.2px, -157.4px) rotate(130deg);
    opacity: 0.6733626947;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(130deg);
            transform: translate(112.4px, -171.2px) rotate(130deg);
    opacity: 0.6733626947;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(130deg);
            transform: translate(133.8px, -178.8px) rotate(130deg);
    opacity: 0.6733626947;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(130deg);
            transform: translate(156.4px, -179.2px) rotate(130deg);
    opacity: 0.6733626947;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(130deg);
            transform: translate(180.4px, -171.6px) rotate(130deg);
    opacity: 0.6733626947;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(130deg);
            transform: translate(205.6px, -154.8px) rotate(130deg);
    opacity: 0.6733626947;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(130deg);
            transform: translate(232px, -128px) rotate(130deg);
    opacity: 0.6733626947;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(130deg);
            transform: translate(259.8px, -90px) rotate(130deg);
    opacity: 0.6733626947;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(130deg);
            transform: translate(288.6px, -40px) rotate(130deg);
    opacity: 0.6733626947;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(130deg);
            transform: translate(318.8px, 23px) rotate(130deg);
    opacity: 0.3366813473;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(130deg);
            transform: translate(350px, 100px) rotate(130deg);
    opacity: 0;
  }
}

@keyframes drop-left-113 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(130deg);
            transform: translate(0px, 0px) rotate(130deg);
    opacity: 0.6733626947;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(130deg);
            transform: translate(25.2px, -60px) rotate(130deg);
    opacity: 0.6733626947;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(130deg);
            transform: translate(56px, -115.2px) rotate(130deg);
    opacity: 0.6733626947;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(130deg);
            transform: translate(92.2px, -157.4px) rotate(130deg);
    opacity: 0.6733626947;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(130deg);
            transform: translate(112.4px, -171.2px) rotate(130deg);
    opacity: 0.6733626947;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(130deg);
            transform: translate(133.8px, -178.8px) rotate(130deg);
    opacity: 0.6733626947;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(130deg);
            transform: translate(156.4px, -179.2px) rotate(130deg);
    opacity: 0.6733626947;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(130deg);
            transform: translate(180.4px, -171.6px) rotate(130deg);
    opacity: 0.6733626947;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(130deg);
            transform: translate(205.6px, -154.8px) rotate(130deg);
    opacity: 0.6733626947;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(130deg);
            transform: translate(232px, -128px) rotate(130deg);
    opacity: 0.6733626947;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(130deg);
            transform: translate(259.8px, -90px) rotate(130deg);
    opacity: 0.6733626947;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(130deg);
            transform: translate(288.6px, -40px) rotate(130deg);
    opacity: 0.6733626947;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(130deg);
            transform: translate(318.8px, 23px) rotate(130deg);
    opacity: 0.3366813473;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(130deg);
            transform: translate(350px, 100px) rotate(130deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-113 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(54deg);
            transform: translate(0px, 0px) rotate(54deg);
    opacity: 1.3013407707;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(54deg);
            transform: translate(-15.75px, -37.5px) rotate(54deg);
    opacity: 1.3013407707;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(54deg);
            transform: translate(-35px, -72px) rotate(54deg);
    opacity: 1.3013407707;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(54deg);
            transform: translate(-57.625px, -98.375px) rotate(54deg);
    opacity: 1.3013407707;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(54deg);
            transform: translate(-70.25px, -107px) rotate(54deg);
    opacity: 1.3013407707;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(54deg);
            transform: translate(-83.625px, -111.75px) rotate(54deg);
    opacity: 1.3013407707;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(54deg);
            transform: translate(-97.75px, -112px) rotate(54deg);
    opacity: 1.3013407707;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(54deg);
            transform: translate(-112.75px, -107.25px) rotate(54deg);
    opacity: 1.3013407707;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(54deg);
            transform: translate(-128.5px, -96.75px) rotate(54deg);
    opacity: 1.3013407707;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(54deg);
            transform: translate(-145px, -80px) rotate(54deg);
    opacity: 1.3013407707;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(54deg);
            transform: translate(-162.375px, -56.25px) rotate(54deg);
    opacity: 1.3013407707;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(54deg);
            transform: translate(-180.375px, -25px) rotate(54deg);
    opacity: 1.3013407707;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(54deg);
            transform: translate(-199.25px, 14.375px) rotate(54deg);
    opacity: 0.6506703854;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(54deg);
            transform: translate(-218.75px, 62.5px) rotate(54deg);
    opacity: 0;
  }
}
@keyframes drop-right-113 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(54deg);
            transform: translate(0px, 0px) rotate(54deg);
    opacity: 1.3013407707;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(54deg);
            transform: translate(-15.75px, -37.5px) rotate(54deg);
    opacity: 1.3013407707;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(54deg);
            transform: translate(-35px, -72px) rotate(54deg);
    opacity: 1.3013407707;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(54deg);
            transform: translate(-57.625px, -98.375px) rotate(54deg);
    opacity: 1.3013407707;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(54deg);
            transform: translate(-70.25px, -107px) rotate(54deg);
    opacity: 1.3013407707;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(54deg);
            transform: translate(-83.625px, -111.75px) rotate(54deg);
    opacity: 1.3013407707;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(54deg);
            transform: translate(-97.75px, -112px) rotate(54deg);
    opacity: 1.3013407707;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(54deg);
            transform: translate(-112.75px, -107.25px) rotate(54deg);
    opacity: 1.3013407707;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(54deg);
            transform: translate(-128.5px, -96.75px) rotate(54deg);
    opacity: 1.3013407707;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(54deg);
            transform: translate(-145px, -80px) rotate(54deg);
    opacity: 1.3013407707;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(54deg);
            transform: translate(-162.375px, -56.25px) rotate(54deg);
    opacity: 1.3013407707;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(54deg);
            transform: translate(-180.375px, -25px) rotate(54deg);
    opacity: 1.3013407707;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(54deg);
            transform: translate(-199.25px, 14.375px) rotate(54deg);
    opacity: 0.6506703854;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(54deg);
            transform: translate(-218.75px, 62.5px) rotate(54deg);
    opacity: 0;
  }
}
.confetti-left-114,
.confetti-right-114 {
  width: 3.6px;
  height: 3.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #765AA3;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-114 {
  -webkit-animation: drop-left-114 1.7505841445s 0.6482296475s 2 forwards;
          animation: drop-left-114 1.7505841445s 0.6482296475s 2 forwards;
}

.confetti-right-114 {
  -webkit-animation: drop-right-114 1.5528479713s 1.289220379s 2 forwards;
          animation: drop-right-114 1.5528479713s 1.289220379s 2 forwards;
}

@-webkit-keyframes drop-left-114 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(221deg);
            transform: translate(0px, 0px) rotate(221deg);
    opacity: 0.7703513841;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(221deg);
            transform: translate(3.15px, -7.5px) rotate(221deg);
    opacity: 0.7703513841;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(221deg);
            transform: translate(7px, -14.4px) rotate(221deg);
    opacity: 0.7703513841;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(221deg);
            transform: translate(11.525px, -19.675px) rotate(221deg);
    opacity: 0.7703513841;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(221deg);
            transform: translate(14.05px, -21.4px) rotate(221deg);
    opacity: 0.7703513841;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(221deg);
            transform: translate(16.725px, -22.35px) rotate(221deg);
    opacity: 0.7703513841;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(221deg);
            transform: translate(19.55px, -22.4px) rotate(221deg);
    opacity: 0.7703513841;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(221deg);
            transform: translate(22.55px, -21.45px) rotate(221deg);
    opacity: 0.7703513841;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(221deg);
            transform: translate(25.7px, -19.35px) rotate(221deg);
    opacity: 0.7703513841;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(221deg);
            transform: translate(29px, -16px) rotate(221deg);
    opacity: 0.7703513841;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(221deg);
            transform: translate(32.475px, -11.25px) rotate(221deg);
    opacity: 0.7703513841;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(221deg);
            transform: translate(36.075px, -5px) rotate(221deg);
    opacity: 0.7703513841;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(221deg);
            transform: translate(39.85px, 2.875px) rotate(221deg);
    opacity: 0.3851756921;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(221deg);
            transform: translate(43.75px, 12.5px) rotate(221deg);
    opacity: 0;
  }
}

@keyframes drop-left-114 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(221deg);
            transform: translate(0px, 0px) rotate(221deg);
    opacity: 0.7703513841;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(221deg);
            transform: translate(3.15px, -7.5px) rotate(221deg);
    opacity: 0.7703513841;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(221deg);
            transform: translate(7px, -14.4px) rotate(221deg);
    opacity: 0.7703513841;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(221deg);
            transform: translate(11.525px, -19.675px) rotate(221deg);
    opacity: 0.7703513841;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(221deg);
            transform: translate(14.05px, -21.4px) rotate(221deg);
    opacity: 0.7703513841;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(221deg);
            transform: translate(16.725px, -22.35px) rotate(221deg);
    opacity: 0.7703513841;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(221deg);
            transform: translate(19.55px, -22.4px) rotate(221deg);
    opacity: 0.7703513841;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(221deg);
            transform: translate(22.55px, -21.45px) rotate(221deg);
    opacity: 0.7703513841;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(221deg);
            transform: translate(25.7px, -19.35px) rotate(221deg);
    opacity: 0.7703513841;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(221deg);
            transform: translate(29px, -16px) rotate(221deg);
    opacity: 0.7703513841;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(221deg);
            transform: translate(32.475px, -11.25px) rotate(221deg);
    opacity: 0.7703513841;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(221deg);
            transform: translate(36.075px, -5px) rotate(221deg);
    opacity: 0.7703513841;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(221deg);
            transform: translate(39.85px, 2.875px) rotate(221deg);
    opacity: 0.3851756921;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(221deg);
            transform: translate(43.75px, 12.5px) rotate(221deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-114 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(173deg);
            transform: translate(0px, 0px) rotate(173deg);
    opacity: 1.2345210669;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(173deg);
            transform: translate(-18.9px, -45px) rotate(173deg);
    opacity: 1.2345210669;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(173deg);
            transform: translate(-42px, -86.4px) rotate(173deg);
    opacity: 1.2345210669;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(173deg);
            transform: translate(-69.15px, -118.05px) rotate(173deg);
    opacity: 1.2345210669;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(173deg);
            transform: translate(-84.3px, -128.4px) rotate(173deg);
    opacity: 1.2345210669;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(173deg);
            transform: translate(-100.35px, -134.1px) rotate(173deg);
    opacity: 1.2345210669;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(173deg);
            transform: translate(-117.3px, -134.4px) rotate(173deg);
    opacity: 1.2345210669;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(173deg);
            transform: translate(-135.3px, -128.7px) rotate(173deg);
    opacity: 1.2345210669;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(173deg);
            transform: translate(-154.2px, -116.1px) rotate(173deg);
    opacity: 1.2345210669;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(173deg);
            transform: translate(-174px, -96px) rotate(173deg);
    opacity: 1.2345210669;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(173deg);
            transform: translate(-194.85px, -67.5px) rotate(173deg);
    opacity: 1.2345210669;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(173deg);
            transform: translate(-216.45px, -30px) rotate(173deg);
    opacity: 1.2345210669;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(173deg);
            transform: translate(-239.1px, 17.25px) rotate(173deg);
    opacity: 0.6172605334;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(173deg);
            transform: translate(-262.5px, 75px) rotate(173deg);
    opacity: 0;
  }
}
@keyframes drop-right-114 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(173deg);
            transform: translate(0px, 0px) rotate(173deg);
    opacity: 1.2345210669;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(173deg);
            transform: translate(-18.9px, -45px) rotate(173deg);
    opacity: 1.2345210669;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(173deg);
            transform: translate(-42px, -86.4px) rotate(173deg);
    opacity: 1.2345210669;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(173deg);
            transform: translate(-69.15px, -118.05px) rotate(173deg);
    opacity: 1.2345210669;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(173deg);
            transform: translate(-84.3px, -128.4px) rotate(173deg);
    opacity: 1.2345210669;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(173deg);
            transform: translate(-100.35px, -134.1px) rotate(173deg);
    opacity: 1.2345210669;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(173deg);
            transform: translate(-117.3px, -134.4px) rotate(173deg);
    opacity: 1.2345210669;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(173deg);
            transform: translate(-135.3px, -128.7px) rotate(173deg);
    opacity: 1.2345210669;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(173deg);
            transform: translate(-154.2px, -116.1px) rotate(173deg);
    opacity: 1.2345210669;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(173deg);
            transform: translate(-174px, -96px) rotate(173deg);
    opacity: 1.2345210669;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(173deg);
            transform: translate(-194.85px, -67.5px) rotate(173deg);
    opacity: 1.2345210669;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(173deg);
            transform: translate(-216.45px, -30px) rotate(173deg);
    opacity: 1.2345210669;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(173deg);
            transform: translate(-239.1px, 17.25px) rotate(173deg);
    opacity: 0.6172605334;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(173deg);
            transform: translate(-262.5px, 75px) rotate(173deg);
    opacity: 0;
  }
}
.confetti-left-115,
.confetti-right-115 {
  width: 18px;
  height: 7.2px;
  background-color: #3FA5C3;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-115 {
  -webkit-animation: drop-left-115 1.3496673927s 0.9942181404s 2 forwards;
          animation: drop-left-115 1.3496673927s 0.9942181404s 2 forwards;
}

.confetti-right-115 {
  -webkit-animation: drop-right-115 1.4683062344s 1.1656067477s 2 forwards;
          animation: drop-right-115 1.4683062344s 1.1656067477s 2 forwards;
}

@-webkit-keyframes drop-left-115 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(148deg);
            transform: translate(0px, 0px) rotate(148deg);
    opacity: 1.0629235941;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(148deg);
            transform: translate(22.05px, -52.5px) rotate(148deg);
    opacity: 1.0629235941;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(148deg);
            transform: translate(49px, -100.8px) rotate(148deg);
    opacity: 1.0629235941;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(148deg);
            transform: translate(80.675px, -137.725px) rotate(148deg);
    opacity: 1.0629235941;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(148deg);
            transform: translate(98.35px, -149.8px) rotate(148deg);
    opacity: 1.0629235941;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(148deg);
            transform: translate(117.075px, -156.45px) rotate(148deg);
    opacity: 1.0629235941;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(148deg);
            transform: translate(136.85px, -156.8px) rotate(148deg);
    opacity: 1.0629235941;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(148deg);
            transform: translate(157.85px, -150.15px) rotate(148deg);
    opacity: 1.0629235941;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(148deg);
            transform: translate(179.9px, -135.45px) rotate(148deg);
    opacity: 1.0629235941;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(148deg);
            transform: translate(203px, -112px) rotate(148deg);
    opacity: 1.0629235941;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(148deg);
            transform: translate(227.325px, -78.75px) rotate(148deg);
    opacity: 1.0629235941;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(148deg);
            transform: translate(252.525px, -35px) rotate(148deg);
    opacity: 1.0629235941;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(148deg);
            transform: translate(278.95px, 20.125px) rotate(148deg);
    opacity: 0.5314617971;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(148deg);
            transform: translate(306.25px, 87.5px) rotate(148deg);
    opacity: 0;
  }
}

@keyframes drop-left-115 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(148deg);
            transform: translate(0px, 0px) rotate(148deg);
    opacity: 1.0629235941;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(148deg);
            transform: translate(22.05px, -52.5px) rotate(148deg);
    opacity: 1.0629235941;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(148deg);
            transform: translate(49px, -100.8px) rotate(148deg);
    opacity: 1.0629235941;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(148deg);
            transform: translate(80.675px, -137.725px) rotate(148deg);
    opacity: 1.0629235941;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(148deg);
            transform: translate(98.35px, -149.8px) rotate(148deg);
    opacity: 1.0629235941;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(148deg);
            transform: translate(117.075px, -156.45px) rotate(148deg);
    opacity: 1.0629235941;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(148deg);
            transform: translate(136.85px, -156.8px) rotate(148deg);
    opacity: 1.0629235941;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(148deg);
            transform: translate(157.85px, -150.15px) rotate(148deg);
    opacity: 1.0629235941;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(148deg);
            transform: translate(179.9px, -135.45px) rotate(148deg);
    opacity: 1.0629235941;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(148deg);
            transform: translate(203px, -112px) rotate(148deg);
    opacity: 1.0629235941;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(148deg);
            transform: translate(227.325px, -78.75px) rotate(148deg);
    opacity: 1.0629235941;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(148deg);
            transform: translate(252.525px, -35px) rotate(148deg);
    opacity: 1.0629235941;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(148deg);
            transform: translate(278.95px, 20.125px) rotate(148deg);
    opacity: 0.5314617971;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(148deg);
            transform: translate(306.25px, 87.5px) rotate(148deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-115 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(330deg);
            transform: translate(0px, 0px) rotate(330deg);
    opacity: 1.4714083229;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(330deg);
            transform: translate(-22.05px, -52.5px) rotate(330deg);
    opacity: 1.4714083229;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(330deg);
            transform: translate(-49px, -100.8px) rotate(330deg);
    opacity: 1.4714083229;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(330deg);
            transform: translate(-80.675px, -137.725px) rotate(330deg);
    opacity: 1.4714083229;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(330deg);
            transform: translate(-98.35px, -149.8px) rotate(330deg);
    opacity: 1.4714083229;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(330deg);
            transform: translate(-117.075px, -156.45px) rotate(330deg);
    opacity: 1.4714083229;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(330deg);
            transform: translate(-136.85px, -156.8px) rotate(330deg);
    opacity: 1.4714083229;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(330deg);
            transform: translate(-157.85px, -150.15px) rotate(330deg);
    opacity: 1.4714083229;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(330deg);
            transform: translate(-179.9px, -135.45px) rotate(330deg);
    opacity: 1.4714083229;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(330deg);
            transform: translate(-203px, -112px) rotate(330deg);
    opacity: 1.4714083229;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(330deg);
            transform: translate(-227.325px, -78.75px) rotate(330deg);
    opacity: 1.4714083229;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(330deg);
            transform: translate(-252.525px, -35px) rotate(330deg);
    opacity: 1.4714083229;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(330deg);
            transform: translate(-278.95px, 20.125px) rotate(330deg);
    opacity: 0.7357041614;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(330deg);
            transform: translate(-306.25px, 87.5px) rotate(330deg);
    opacity: 0;
  }
}
@keyframes drop-right-115 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(330deg);
            transform: translate(0px, 0px) rotate(330deg);
    opacity: 1.4714083229;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(330deg);
            transform: translate(-22.05px, -52.5px) rotate(330deg);
    opacity: 1.4714083229;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(330deg);
            transform: translate(-49px, -100.8px) rotate(330deg);
    opacity: 1.4714083229;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(330deg);
            transform: translate(-80.675px, -137.725px) rotate(330deg);
    opacity: 1.4714083229;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(330deg);
            transform: translate(-98.35px, -149.8px) rotate(330deg);
    opacity: 1.4714083229;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(330deg);
            transform: translate(-117.075px, -156.45px) rotate(330deg);
    opacity: 1.4714083229;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(330deg);
            transform: translate(-136.85px, -156.8px) rotate(330deg);
    opacity: 1.4714083229;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(330deg);
            transform: translate(-157.85px, -150.15px) rotate(330deg);
    opacity: 1.4714083229;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(330deg);
            transform: translate(-179.9px, -135.45px) rotate(330deg);
    opacity: 1.4714083229;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(330deg);
            transform: translate(-203px, -112px) rotate(330deg);
    opacity: 1.4714083229;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(330deg);
            transform: translate(-227.325px, -78.75px) rotate(330deg);
    opacity: 1.4714083229;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(330deg);
            transform: translate(-252.525px, -35px) rotate(330deg);
    opacity: 1.4714083229;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(330deg);
            transform: translate(-278.95px, 20.125px) rotate(330deg);
    opacity: 0.7357041614;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(330deg);
            transform: translate(-306.25px, 87.5px) rotate(330deg);
    opacity: 0;
  }
}
.confetti-left-116,
.confetti-right-116 {
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #765AA3;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-116 {
  -webkit-animation: drop-left-116 1.0777615615s 1.0861752921s 2 forwards;
          animation: drop-left-116 1.0777615615s 1.0861752921s 2 forwards;
}

.confetti-right-116 {
  -webkit-animation: drop-right-116 1.7680876915s 1.073978631s 2 forwards;
          animation: drop-right-116 1.7680876915s 1.073978631s 2 forwards;
}

@-webkit-keyframes drop-left-116 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(157deg);
            transform: translate(0px, 0px) rotate(157deg);
    opacity: 1.2912110778;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(157deg);
            transform: translate(9.45px, -22.5px) rotate(157deg);
    opacity: 1.2912110778;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(157deg);
            transform: translate(21px, -43.2px) rotate(157deg);
    opacity: 1.2912110778;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(157deg);
            transform: translate(34.575px, -59.025px) rotate(157deg);
    opacity: 1.2912110778;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(157deg);
            transform: translate(42.15px, -64.2px) rotate(157deg);
    opacity: 1.2912110778;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(157deg);
            transform: translate(50.175px, -67.05px) rotate(157deg);
    opacity: 1.2912110778;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(157deg);
            transform: translate(58.65px, -67.2px) rotate(157deg);
    opacity: 1.2912110778;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(157deg);
            transform: translate(67.65px, -64.35px) rotate(157deg);
    opacity: 1.2912110778;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(157deg);
            transform: translate(77.1px, -58.05px) rotate(157deg);
    opacity: 1.2912110778;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(157deg);
            transform: translate(87px, -48px) rotate(157deg);
    opacity: 1.2912110778;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(157deg);
            transform: translate(97.425px, -33.75px) rotate(157deg);
    opacity: 1.2912110778;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(157deg);
            transform: translate(108.225px, -15px) rotate(157deg);
    opacity: 1.2912110778;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(157deg);
            transform: translate(119.55px, 8.625px) rotate(157deg);
    opacity: 0.6456055389;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(157deg);
            transform: translate(131.25px, 37.5px) rotate(157deg);
    opacity: 0;
  }
}

@keyframes drop-left-116 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(157deg);
            transform: translate(0px, 0px) rotate(157deg);
    opacity: 1.2912110778;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(157deg);
            transform: translate(9.45px, -22.5px) rotate(157deg);
    opacity: 1.2912110778;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(157deg);
            transform: translate(21px, -43.2px) rotate(157deg);
    opacity: 1.2912110778;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(157deg);
            transform: translate(34.575px, -59.025px) rotate(157deg);
    opacity: 1.2912110778;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(157deg);
            transform: translate(42.15px, -64.2px) rotate(157deg);
    opacity: 1.2912110778;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(157deg);
            transform: translate(50.175px, -67.05px) rotate(157deg);
    opacity: 1.2912110778;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(157deg);
            transform: translate(58.65px, -67.2px) rotate(157deg);
    opacity: 1.2912110778;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(157deg);
            transform: translate(67.65px, -64.35px) rotate(157deg);
    opacity: 1.2912110778;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(157deg);
            transform: translate(77.1px, -58.05px) rotate(157deg);
    opacity: 1.2912110778;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(157deg);
            transform: translate(87px, -48px) rotate(157deg);
    opacity: 1.2912110778;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(157deg);
            transform: translate(97.425px, -33.75px) rotate(157deg);
    opacity: 1.2912110778;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(157deg);
            transform: translate(108.225px, -15px) rotate(157deg);
    opacity: 1.2912110778;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(157deg);
            transform: translate(119.55px, 8.625px) rotate(157deg);
    opacity: 0.6456055389;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(157deg);
            transform: translate(131.25px, 37.5px) rotate(157deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-116 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(356deg);
            transform: translate(0px, 0px) rotate(356deg);
    opacity: 1.1607352086;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(356deg);
            transform: translate(-31.5px, -75px) rotate(356deg);
    opacity: 1.1607352086;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(356deg);
            transform: translate(-70px, -144px) rotate(356deg);
    opacity: 1.1607352086;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(356deg);
            transform: translate(-115.25px, -196.75px) rotate(356deg);
    opacity: 1.1607352086;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(356deg);
            transform: translate(-140.5px, -214px) rotate(356deg);
    opacity: 1.1607352086;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(356deg);
            transform: translate(-167.25px, -223.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(356deg);
            transform: translate(-195.5px, -224px) rotate(356deg);
    opacity: 1.1607352086;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(356deg);
            transform: translate(-225.5px, -214.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(356deg);
            transform: translate(-257px, -193.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(356deg);
            transform: translate(-290px, -160px) rotate(356deg);
    opacity: 1.1607352086;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(356deg);
            transform: translate(-324.75px, -112.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(356deg);
            transform: translate(-360.75px, -50px) rotate(356deg);
    opacity: 1.1607352086;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(356deg);
            transform: translate(-398.5px, 28.75px) rotate(356deg);
    opacity: 0.5803676043;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(356deg);
            transform: translate(-437.5px, 125px) rotate(356deg);
    opacity: 0;
  }
}
@keyframes drop-right-116 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(356deg);
            transform: translate(0px, 0px) rotate(356deg);
    opacity: 1.1607352086;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(356deg);
            transform: translate(-31.5px, -75px) rotate(356deg);
    opacity: 1.1607352086;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(356deg);
            transform: translate(-70px, -144px) rotate(356deg);
    opacity: 1.1607352086;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(356deg);
            transform: translate(-115.25px, -196.75px) rotate(356deg);
    opacity: 1.1607352086;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(356deg);
            transform: translate(-140.5px, -214px) rotate(356deg);
    opacity: 1.1607352086;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(356deg);
            transform: translate(-167.25px, -223.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(356deg);
            transform: translate(-195.5px, -224px) rotate(356deg);
    opacity: 1.1607352086;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(356deg);
            transform: translate(-225.5px, -214.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(356deg);
            transform: translate(-257px, -193.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(356deg);
            transform: translate(-290px, -160px) rotate(356deg);
    opacity: 1.1607352086;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(356deg);
            transform: translate(-324.75px, -112.5px) rotate(356deg);
    opacity: 1.1607352086;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(356deg);
            transform: translate(-360.75px, -50px) rotate(356deg);
    opacity: 1.1607352086;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(356deg);
            transform: translate(-398.5px, 28.75px) rotate(356deg);
    opacity: 0.5803676043;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(356deg);
            transform: translate(-437.5px, 125px) rotate(356deg);
    opacity: 0;
  }
}
.confetti-left-117,
.confetti-right-117 {
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-117 {
  -webkit-animation: drop-left-117 1.231625965s 0.6395877989s 2 forwards;
          animation: drop-left-117 1.231625965s 0.6395877989s 2 forwards;
}

.confetti-right-117 {
  -webkit-animation: drop-right-117 1.3678224489s 0.4724064893s 2 forwards;
          animation: drop-right-117 1.3678224489s 0.4724064893s 2 forwards;
}

@-webkit-keyframes drop-left-117 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 1.2947567991;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(187deg);
            transform: translate(3.15px, -7.5px) rotate(187deg);
    opacity: 1.2947567991;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(187deg);
            transform: translate(7px, -14.4px) rotate(187deg);
    opacity: 1.2947567991;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(187deg);
            transform: translate(11.525px, -19.675px) rotate(187deg);
    opacity: 1.2947567991;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(187deg);
            transform: translate(14.05px, -21.4px) rotate(187deg);
    opacity: 1.2947567991;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(187deg);
            transform: translate(16.725px, -22.35px) rotate(187deg);
    opacity: 1.2947567991;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(187deg);
            transform: translate(19.55px, -22.4px) rotate(187deg);
    opacity: 1.2947567991;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(187deg);
            transform: translate(22.55px, -21.45px) rotate(187deg);
    opacity: 1.2947567991;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(187deg);
            transform: translate(25.7px, -19.35px) rotate(187deg);
    opacity: 1.2947567991;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(187deg);
            transform: translate(29px, -16px) rotate(187deg);
    opacity: 1.2947567991;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(187deg);
            transform: translate(32.475px, -11.25px) rotate(187deg);
    opacity: 1.2947567991;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(187deg);
            transform: translate(36.075px, -5px) rotate(187deg);
    opacity: 1.2947567991;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(187deg);
            transform: translate(39.85px, 2.875px) rotate(187deg);
    opacity: 0.6473783995;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(187deg);
            transform: translate(43.75px, 12.5px) rotate(187deg);
    opacity: 0;
  }
}

@keyframes drop-left-117 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 1.2947567991;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(187deg);
            transform: translate(3.15px, -7.5px) rotate(187deg);
    opacity: 1.2947567991;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(187deg);
            transform: translate(7px, -14.4px) rotate(187deg);
    opacity: 1.2947567991;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(187deg);
            transform: translate(11.525px, -19.675px) rotate(187deg);
    opacity: 1.2947567991;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(187deg);
            transform: translate(14.05px, -21.4px) rotate(187deg);
    opacity: 1.2947567991;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(187deg);
            transform: translate(16.725px, -22.35px) rotate(187deg);
    opacity: 1.2947567991;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(187deg);
            transform: translate(19.55px, -22.4px) rotate(187deg);
    opacity: 1.2947567991;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(187deg);
            transform: translate(22.55px, -21.45px) rotate(187deg);
    opacity: 1.2947567991;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(187deg);
            transform: translate(25.7px, -19.35px) rotate(187deg);
    opacity: 1.2947567991;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(187deg);
            transform: translate(29px, -16px) rotate(187deg);
    opacity: 1.2947567991;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(187deg);
            transform: translate(32.475px, -11.25px) rotate(187deg);
    opacity: 1.2947567991;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(187deg);
            transform: translate(36.075px, -5px) rotate(187deg);
    opacity: 1.2947567991;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(187deg);
            transform: translate(39.85px, 2.875px) rotate(187deg);
    opacity: 0.6473783995;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(187deg);
            transform: translate(43.75px, 12.5px) rotate(187deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-117 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(354deg);
            transform: translate(0px, 0px) rotate(354deg);
    opacity: 0.6838734352;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(354deg);
            transform: translate(-31.5px, -75px) rotate(354deg);
    opacity: 0.6838734352;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(354deg);
            transform: translate(-70px, -144px) rotate(354deg);
    opacity: 0.6838734352;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(354deg);
            transform: translate(-115.25px, -196.75px) rotate(354deg);
    opacity: 0.6838734352;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(354deg);
            transform: translate(-140.5px, -214px) rotate(354deg);
    opacity: 0.6838734352;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(354deg);
            transform: translate(-167.25px, -223.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(354deg);
            transform: translate(-195.5px, -224px) rotate(354deg);
    opacity: 0.6838734352;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(354deg);
            transform: translate(-225.5px, -214.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(354deg);
            transform: translate(-257px, -193.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(354deg);
            transform: translate(-290px, -160px) rotate(354deg);
    opacity: 0.6838734352;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(354deg);
            transform: translate(-324.75px, -112.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(354deg);
            transform: translate(-360.75px, -50px) rotate(354deg);
    opacity: 0.6838734352;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(354deg);
            transform: translate(-398.5px, 28.75px) rotate(354deg);
    opacity: 0.3419367176;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(354deg);
            transform: translate(-437.5px, 125px) rotate(354deg);
    opacity: 0;
  }
}
@keyframes drop-right-117 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(354deg);
            transform: translate(0px, 0px) rotate(354deg);
    opacity: 0.6838734352;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(354deg);
            transform: translate(-31.5px, -75px) rotate(354deg);
    opacity: 0.6838734352;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(354deg);
            transform: translate(-70px, -144px) rotate(354deg);
    opacity: 0.6838734352;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(354deg);
            transform: translate(-115.25px, -196.75px) rotate(354deg);
    opacity: 0.6838734352;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(354deg);
            transform: translate(-140.5px, -214px) rotate(354deg);
    opacity: 0.6838734352;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(354deg);
            transform: translate(-167.25px, -223.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(354deg);
            transform: translate(-195.5px, -224px) rotate(354deg);
    opacity: 0.6838734352;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(354deg);
            transform: translate(-225.5px, -214.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(354deg);
            transform: translate(-257px, -193.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(354deg);
            transform: translate(-290px, -160px) rotate(354deg);
    opacity: 0.6838734352;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(354deg);
            transform: translate(-324.75px, -112.5px) rotate(354deg);
    opacity: 0.6838734352;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(354deg);
            transform: translate(-360.75px, -50px) rotate(354deg);
    opacity: 0.6838734352;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(354deg);
            transform: translate(-398.5px, 28.75px) rotate(354deg);
    opacity: 0.3419367176;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(354deg);
            transform: translate(-437.5px, 125px) rotate(354deg);
    opacity: 0;
  }
}
.confetti-left-118,
.confetti-right-118 {
  width: 7.8px;
  height: 7.8px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8AB925;
  top: calc(25% - 13px);
  left: calc(50% - 3.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-118 {
  -webkit-animation: drop-left-118 1.6977032998s 1.1516237238s 2 forwards;
          animation: drop-left-118 1.6977032998s 1.1516237238s 2 forwards;
}

.confetti-right-118 {
  -webkit-animation: drop-right-118 1.8025730384s 0.9321436907s 2 forwards;
          animation: drop-right-118 1.8025730384s 0.9321436907s 2 forwards;
}

@-webkit-keyframes drop-left-118 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(254deg);
            transform: translate(0px, 0px) rotate(254deg);
    opacity: 0.8385670095;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(254deg);
            transform: translate(3.15px, -7.5px) rotate(254deg);
    opacity: 0.8385670095;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(254deg);
            transform: translate(7px, -14.4px) rotate(254deg);
    opacity: 0.8385670095;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(254deg);
            transform: translate(11.525px, -19.675px) rotate(254deg);
    opacity: 0.8385670095;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(254deg);
            transform: translate(14.05px, -21.4px) rotate(254deg);
    opacity: 0.8385670095;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(254deg);
            transform: translate(16.725px, -22.35px) rotate(254deg);
    opacity: 0.8385670095;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(254deg);
            transform: translate(19.55px, -22.4px) rotate(254deg);
    opacity: 0.8385670095;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(254deg);
            transform: translate(22.55px, -21.45px) rotate(254deg);
    opacity: 0.8385670095;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(254deg);
            transform: translate(25.7px, -19.35px) rotate(254deg);
    opacity: 0.8385670095;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(254deg);
            transform: translate(29px, -16px) rotate(254deg);
    opacity: 0.8385670095;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(254deg);
            transform: translate(32.475px, -11.25px) rotate(254deg);
    opacity: 0.8385670095;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(254deg);
            transform: translate(36.075px, -5px) rotate(254deg);
    opacity: 0.8385670095;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(254deg);
            transform: translate(39.85px, 2.875px) rotate(254deg);
    opacity: 0.4192835048;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(254deg);
            transform: translate(43.75px, 12.5px) rotate(254deg);
    opacity: 0;
  }
}

@keyframes drop-left-118 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(254deg);
            transform: translate(0px, 0px) rotate(254deg);
    opacity: 0.8385670095;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(254deg);
            transform: translate(3.15px, -7.5px) rotate(254deg);
    opacity: 0.8385670095;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(254deg);
            transform: translate(7px, -14.4px) rotate(254deg);
    opacity: 0.8385670095;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(254deg);
            transform: translate(11.525px, -19.675px) rotate(254deg);
    opacity: 0.8385670095;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(254deg);
            transform: translate(14.05px, -21.4px) rotate(254deg);
    opacity: 0.8385670095;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(254deg);
            transform: translate(16.725px, -22.35px) rotate(254deg);
    opacity: 0.8385670095;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(254deg);
            transform: translate(19.55px, -22.4px) rotate(254deg);
    opacity: 0.8385670095;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(254deg);
            transform: translate(22.55px, -21.45px) rotate(254deg);
    opacity: 0.8385670095;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(254deg);
            transform: translate(25.7px, -19.35px) rotate(254deg);
    opacity: 0.8385670095;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(254deg);
            transform: translate(29px, -16px) rotate(254deg);
    opacity: 0.8385670095;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(254deg);
            transform: translate(32.475px, -11.25px) rotate(254deg);
    opacity: 0.8385670095;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(254deg);
            transform: translate(36.075px, -5px) rotate(254deg);
    opacity: 0.8385670095;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(254deg);
            transform: translate(39.85px, 2.875px) rotate(254deg);
    opacity: 0.4192835048;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(254deg);
            transform: translate(43.75px, 12.5px) rotate(254deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-118 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(256deg);
            transform: translate(0px, 0px) rotate(256deg);
    opacity: 0.565065635;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(256deg);
            transform: translate(-25.2px, -60px) rotate(256deg);
    opacity: 0.565065635;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(256deg);
            transform: translate(-56px, -115.2px) rotate(256deg);
    opacity: 0.565065635;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(256deg);
            transform: translate(-92.2px, -157.4px) rotate(256deg);
    opacity: 0.565065635;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(256deg);
            transform: translate(-112.4px, -171.2px) rotate(256deg);
    opacity: 0.565065635;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(256deg);
            transform: translate(-133.8px, -178.8px) rotate(256deg);
    opacity: 0.565065635;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(256deg);
            transform: translate(-156.4px, -179.2px) rotate(256deg);
    opacity: 0.565065635;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(256deg);
            transform: translate(-180.4px, -171.6px) rotate(256deg);
    opacity: 0.565065635;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(256deg);
            transform: translate(-205.6px, -154.8px) rotate(256deg);
    opacity: 0.565065635;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(256deg);
            transform: translate(-232px, -128px) rotate(256deg);
    opacity: 0.565065635;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(256deg);
            transform: translate(-259.8px, -90px) rotate(256deg);
    opacity: 0.565065635;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(256deg);
            transform: translate(-288.6px, -40px) rotate(256deg);
    opacity: 0.565065635;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(256deg);
            transform: translate(-318.8px, 23px) rotate(256deg);
    opacity: 0.2825328175;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(256deg);
            transform: translate(-350px, 100px) rotate(256deg);
    opacity: 0;
  }
}
@keyframes drop-right-118 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(256deg);
            transform: translate(0px, 0px) rotate(256deg);
    opacity: 0.565065635;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(256deg);
            transform: translate(-25.2px, -60px) rotate(256deg);
    opacity: 0.565065635;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(256deg);
            transform: translate(-56px, -115.2px) rotate(256deg);
    opacity: 0.565065635;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(256deg);
            transform: translate(-92.2px, -157.4px) rotate(256deg);
    opacity: 0.565065635;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(256deg);
            transform: translate(-112.4px, -171.2px) rotate(256deg);
    opacity: 0.565065635;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(256deg);
            transform: translate(-133.8px, -178.8px) rotate(256deg);
    opacity: 0.565065635;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(256deg);
            transform: translate(-156.4px, -179.2px) rotate(256deg);
    opacity: 0.565065635;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(256deg);
            transform: translate(-180.4px, -171.6px) rotate(256deg);
    opacity: 0.565065635;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(256deg);
            transform: translate(-205.6px, -154.8px) rotate(256deg);
    opacity: 0.565065635;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(256deg);
            transform: translate(-232px, -128px) rotate(256deg);
    opacity: 0.565065635;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(256deg);
            transform: translate(-259.8px, -90px) rotate(256deg);
    opacity: 0.565065635;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(256deg);
            transform: translate(-288.6px, -40px) rotate(256deg);
    opacity: 0.565065635;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(256deg);
            transform: translate(-318.8px, 23px) rotate(256deg);
    opacity: 0.2825328175;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(256deg);
            transform: translate(-350px, 100px) rotate(256deg);
    opacity: 0;
  }
}
.confetti-left-119,
.confetti-right-119 {
  width: 0.6px;
  height: 0.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 1px);
  left: calc(50% - 0.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-119 {
  -webkit-animation: drop-left-119 1.8092482696s 0.8224220989s 2 forwards;
          animation: drop-left-119 1.8092482696s 0.8224220989s 2 forwards;
}

.confetti-right-119 {
  -webkit-animation: drop-right-119 1.449786704s 1.1321252058s 2 forwards;
          animation: drop-right-119 1.449786704s 1.1321252058s 2 forwards;
}

@-webkit-keyframes drop-left-119 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(287deg);
            transform: translate(0px, 0px) rotate(287deg);
    opacity: 1.0317443734;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(287deg);
            transform: translate(12.6px, -30px) rotate(287deg);
    opacity: 1.0317443734;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(287deg);
            transform: translate(28px, -57.6px) rotate(287deg);
    opacity: 1.0317443734;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(287deg);
            transform: translate(46.1px, -78.7px) rotate(287deg);
    opacity: 1.0317443734;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(287deg);
            transform: translate(56.2px, -85.6px) rotate(287deg);
    opacity: 1.0317443734;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(287deg);
            transform: translate(66.9px, -89.4px) rotate(287deg);
    opacity: 1.0317443734;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(287deg);
            transform: translate(78.2px, -89.6px) rotate(287deg);
    opacity: 1.0317443734;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(287deg);
            transform: translate(90.2px, -85.8px) rotate(287deg);
    opacity: 1.0317443734;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(287deg);
            transform: translate(102.8px, -77.4px) rotate(287deg);
    opacity: 1.0317443734;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(287deg);
            transform: translate(116px, -64px) rotate(287deg);
    opacity: 1.0317443734;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(287deg);
            transform: translate(129.9px, -45px) rotate(287deg);
    opacity: 1.0317443734;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(287deg);
            transform: translate(144.3px, -20px) rotate(287deg);
    opacity: 1.0317443734;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(287deg);
            transform: translate(159.4px, 11.5px) rotate(287deg);
    opacity: 0.5158721867;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(287deg);
            transform: translate(175px, 50px) rotate(287deg);
    opacity: 0;
  }
}

@keyframes drop-left-119 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(287deg);
            transform: translate(0px, 0px) rotate(287deg);
    opacity: 1.0317443734;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(287deg);
            transform: translate(12.6px, -30px) rotate(287deg);
    opacity: 1.0317443734;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(287deg);
            transform: translate(28px, -57.6px) rotate(287deg);
    opacity: 1.0317443734;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(287deg);
            transform: translate(46.1px, -78.7px) rotate(287deg);
    opacity: 1.0317443734;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(287deg);
            transform: translate(56.2px, -85.6px) rotate(287deg);
    opacity: 1.0317443734;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(287deg);
            transform: translate(66.9px, -89.4px) rotate(287deg);
    opacity: 1.0317443734;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(287deg);
            transform: translate(78.2px, -89.6px) rotate(287deg);
    opacity: 1.0317443734;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(287deg);
            transform: translate(90.2px, -85.8px) rotate(287deg);
    opacity: 1.0317443734;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(287deg);
            transform: translate(102.8px, -77.4px) rotate(287deg);
    opacity: 1.0317443734;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(287deg);
            transform: translate(116px, -64px) rotate(287deg);
    opacity: 1.0317443734;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(287deg);
            transform: translate(129.9px, -45px) rotate(287deg);
    opacity: 1.0317443734;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(287deg);
            transform: translate(144.3px, -20px) rotate(287deg);
    opacity: 1.0317443734;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(287deg);
            transform: translate(159.4px, 11.5px) rotate(287deg);
    opacity: 0.5158721867;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(287deg);
            transform: translate(175px, 50px) rotate(287deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-119 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(310deg);
            transform: translate(0px, 0px) rotate(310deg);
    opacity: 1.2637076792;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(310deg);
            transform: translate(-9.45px, -22.5px) rotate(310deg);
    opacity: 1.2637076792;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(310deg);
            transform: translate(-21px, -43.2px) rotate(310deg);
    opacity: 1.2637076792;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(310deg);
            transform: translate(-34.575px, -59.025px) rotate(310deg);
    opacity: 1.2637076792;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(310deg);
            transform: translate(-42.15px, -64.2px) rotate(310deg);
    opacity: 1.2637076792;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(310deg);
            transform: translate(-50.175px, -67.05px) rotate(310deg);
    opacity: 1.2637076792;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(310deg);
            transform: translate(-58.65px, -67.2px) rotate(310deg);
    opacity: 1.2637076792;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(310deg);
            transform: translate(-67.65px, -64.35px) rotate(310deg);
    opacity: 1.2637076792;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(310deg);
            transform: translate(-77.1px, -58.05px) rotate(310deg);
    opacity: 1.2637076792;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(310deg);
            transform: translate(-87px, -48px) rotate(310deg);
    opacity: 1.2637076792;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(310deg);
            transform: translate(-97.425px, -33.75px) rotate(310deg);
    opacity: 1.2637076792;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(310deg);
            transform: translate(-108.225px, -15px) rotate(310deg);
    opacity: 1.2637076792;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(310deg);
            transform: translate(-119.55px, 8.625px) rotate(310deg);
    opacity: 0.6318538396;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(310deg);
            transform: translate(-131.25px, 37.5px) rotate(310deg);
    opacity: 0;
  }
}
@keyframes drop-right-119 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(310deg);
            transform: translate(0px, 0px) rotate(310deg);
    opacity: 1.2637076792;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(310deg);
            transform: translate(-9.45px, -22.5px) rotate(310deg);
    opacity: 1.2637076792;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(310deg);
            transform: translate(-21px, -43.2px) rotate(310deg);
    opacity: 1.2637076792;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(310deg);
            transform: translate(-34.575px, -59.025px) rotate(310deg);
    opacity: 1.2637076792;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(310deg);
            transform: translate(-42.15px, -64.2px) rotate(310deg);
    opacity: 1.2637076792;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(310deg);
            transform: translate(-50.175px, -67.05px) rotate(310deg);
    opacity: 1.2637076792;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(310deg);
            transform: translate(-58.65px, -67.2px) rotate(310deg);
    opacity: 1.2637076792;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(310deg);
            transform: translate(-67.65px, -64.35px) rotate(310deg);
    opacity: 1.2637076792;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(310deg);
            transform: translate(-77.1px, -58.05px) rotate(310deg);
    opacity: 1.2637076792;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(310deg);
            transform: translate(-87px, -48px) rotate(310deg);
    opacity: 1.2637076792;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(310deg);
            transform: translate(-97.425px, -33.75px) rotate(310deg);
    opacity: 1.2637076792;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(310deg);
            transform: translate(-108.225px, -15px) rotate(310deg);
    opacity: 1.2637076792;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(310deg);
            transform: translate(-119.55px, 8.625px) rotate(310deg);
    opacity: 0.6318538396;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(310deg);
            transform: translate(-131.25px, 37.5px) rotate(310deg);
    opacity: 0;
  }
}
.confetti-left-120,
.confetti-right-120 {
  width: 16px;
  height: 6.4px;
  background-color: #E61D47;
  top: calc(25% - 16px);
  left: calc(50% - 4.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-120 {
  -webkit-animation: drop-left-120 1.5452489211s 1.2375381265s 2 forwards;
          animation: drop-left-120 1.5452489211s 1.2375381265s 2 forwards;
}

.confetti-right-120 {
  -webkit-animation: drop-right-120 1.1771490834s 0.7835177263s 2 forwards;
          animation: drop-right-120 1.1771490834s 0.7835177263s 2 forwards;
}

@-webkit-keyframes drop-left-120 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(221deg);
            transform: translate(0px, 0px) rotate(221deg);
    opacity: 0.6558069696;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(221deg);
            transform: translate(28.35px, -67.5px) rotate(221deg);
    opacity: 0.6558069696;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(221deg);
            transform: translate(63px, -129.6px) rotate(221deg);
    opacity: 0.6558069696;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(221deg);
            transform: translate(103.725px, -177.075px) rotate(221deg);
    opacity: 0.6558069696;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(221deg);
            transform: translate(126.45px, -192.6px) rotate(221deg);
    opacity: 0.6558069696;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(221deg);
            transform: translate(150.525px, -201.15px) rotate(221deg);
    opacity: 0.6558069696;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(221deg);
            transform: translate(175.95px, -201.6px) rotate(221deg);
    opacity: 0.6558069696;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(221deg);
            transform: translate(202.95px, -193.05px) rotate(221deg);
    opacity: 0.6558069696;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(221deg);
            transform: translate(231.3px, -174.15px) rotate(221deg);
    opacity: 0.6558069696;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(221deg);
            transform: translate(261px, -144px) rotate(221deg);
    opacity: 0.6558069696;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(221deg);
            transform: translate(292.275px, -101.25px) rotate(221deg);
    opacity: 0.6558069696;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(221deg);
            transform: translate(324.675px, -45px) rotate(221deg);
    opacity: 0.6558069696;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(221deg);
            transform: translate(358.65px, 25.875px) rotate(221deg);
    opacity: 0.3279034848;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(221deg);
            transform: translate(393.75px, 112.5px) rotate(221deg);
    opacity: 0;
  }
}

@keyframes drop-left-120 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(221deg);
            transform: translate(0px, 0px) rotate(221deg);
    opacity: 0.6558069696;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(221deg);
            transform: translate(28.35px, -67.5px) rotate(221deg);
    opacity: 0.6558069696;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(221deg);
            transform: translate(63px, -129.6px) rotate(221deg);
    opacity: 0.6558069696;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(221deg);
            transform: translate(103.725px, -177.075px) rotate(221deg);
    opacity: 0.6558069696;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(221deg);
            transform: translate(126.45px, -192.6px) rotate(221deg);
    opacity: 0.6558069696;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(221deg);
            transform: translate(150.525px, -201.15px) rotate(221deg);
    opacity: 0.6558069696;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(221deg);
            transform: translate(175.95px, -201.6px) rotate(221deg);
    opacity: 0.6558069696;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(221deg);
            transform: translate(202.95px, -193.05px) rotate(221deg);
    opacity: 0.6558069696;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(221deg);
            transform: translate(231.3px, -174.15px) rotate(221deg);
    opacity: 0.6558069696;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(221deg);
            transform: translate(261px, -144px) rotate(221deg);
    opacity: 0.6558069696;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(221deg);
            transform: translate(292.275px, -101.25px) rotate(221deg);
    opacity: 0.6558069696;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(221deg);
            transform: translate(324.675px, -45px) rotate(221deg);
    opacity: 0.6558069696;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(221deg);
            transform: translate(358.65px, 25.875px) rotate(221deg);
    opacity: 0.3279034848;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(221deg);
            transform: translate(393.75px, 112.5px) rotate(221deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-120 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(67deg);
            transform: translate(0px, 0px) rotate(67deg);
    opacity: 1.0761389204;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(67deg);
            transform: translate(-6.3px, -15px) rotate(67deg);
    opacity: 1.0761389204;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(67deg);
            transform: translate(-14px, -28.8px) rotate(67deg);
    opacity: 1.0761389204;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(67deg);
            transform: translate(-23.05px, -39.35px) rotate(67deg);
    opacity: 1.0761389204;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(67deg);
            transform: translate(-28.1px, -42.8px) rotate(67deg);
    opacity: 1.0761389204;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(67deg);
            transform: translate(-33.45px, -44.7px) rotate(67deg);
    opacity: 1.0761389204;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(67deg);
            transform: translate(-39.1px, -44.8px) rotate(67deg);
    opacity: 1.0761389204;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(67deg);
            transform: translate(-45.1px, -42.9px) rotate(67deg);
    opacity: 1.0761389204;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(67deg);
            transform: translate(-51.4px, -38.7px) rotate(67deg);
    opacity: 1.0761389204;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(67deg);
            transform: translate(-58px, -32px) rotate(67deg);
    opacity: 1.0761389204;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(67deg);
            transform: translate(-64.95px, -22.5px) rotate(67deg);
    opacity: 1.0761389204;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(67deg);
            transform: translate(-72.15px, -10px) rotate(67deg);
    opacity: 1.0761389204;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(67deg);
            transform: translate(-79.7px, 5.75px) rotate(67deg);
    opacity: 0.5380694602;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(67deg);
            transform: translate(-87.5px, 25px) rotate(67deg);
    opacity: 0;
  }
}
@keyframes drop-right-120 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(67deg);
            transform: translate(0px, 0px) rotate(67deg);
    opacity: 1.0761389204;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(67deg);
            transform: translate(-6.3px, -15px) rotate(67deg);
    opacity: 1.0761389204;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(67deg);
            transform: translate(-14px, -28.8px) rotate(67deg);
    opacity: 1.0761389204;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(67deg);
            transform: translate(-23.05px, -39.35px) rotate(67deg);
    opacity: 1.0761389204;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(67deg);
            transform: translate(-28.1px, -42.8px) rotate(67deg);
    opacity: 1.0761389204;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(67deg);
            transform: translate(-33.45px, -44.7px) rotate(67deg);
    opacity: 1.0761389204;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(67deg);
            transform: translate(-39.1px, -44.8px) rotate(67deg);
    opacity: 1.0761389204;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(67deg);
            transform: translate(-45.1px, -42.9px) rotate(67deg);
    opacity: 1.0761389204;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(67deg);
            transform: translate(-51.4px, -38.7px) rotate(67deg);
    opacity: 1.0761389204;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(67deg);
            transform: translate(-58px, -32px) rotate(67deg);
    opacity: 1.0761389204;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(67deg);
            transform: translate(-64.95px, -22.5px) rotate(67deg);
    opacity: 1.0761389204;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(67deg);
            transform: translate(-72.15px, -10px) rotate(67deg);
    opacity: 1.0761389204;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(67deg);
            transform: translate(-79.7px, 5.75px) rotate(67deg);
    opacity: 0.5380694602;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(67deg);
            transform: translate(-87.5px, 25px) rotate(67deg);
    opacity: 0;
  }
}
.confetti-left-121,
.confetti-right-121 {
  width: 3.6px;
  height: 3.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-121 {
  -webkit-animation: drop-left-121 1.9878184743s 1.3964628022s 2 forwards;
          animation: drop-left-121 1.9878184743s 1.3964628022s 2 forwards;
}

.confetti-right-121 {
  -webkit-animation: drop-right-121 1.1422632999s 0.7234240497s 2 forwards;
          animation: drop-right-121 1.1422632999s 0.7234240497s 2 forwards;
}

@-webkit-keyframes drop-left-121 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(195deg);
            transform: translate(0px, 0px) rotate(195deg);
    opacity: 1.0388362324;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(195deg);
            transform: translate(31.5px, -75px) rotate(195deg);
    opacity: 1.0388362324;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(195deg);
            transform: translate(70px, -144px) rotate(195deg);
    opacity: 1.0388362324;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(195deg);
            transform: translate(115.25px, -196.75px) rotate(195deg);
    opacity: 1.0388362324;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(195deg);
            transform: translate(140.5px, -214px) rotate(195deg);
    opacity: 1.0388362324;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(195deg);
            transform: translate(167.25px, -223.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(195deg);
            transform: translate(195.5px, -224px) rotate(195deg);
    opacity: 1.0388362324;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(195deg);
            transform: translate(225.5px, -214.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(195deg);
            transform: translate(257px, -193.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(195deg);
            transform: translate(290px, -160px) rotate(195deg);
    opacity: 1.0388362324;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(195deg);
            transform: translate(324.75px, -112.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(195deg);
            transform: translate(360.75px, -50px) rotate(195deg);
    opacity: 1.0388362324;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(195deg);
            transform: translate(398.5px, 28.75px) rotate(195deg);
    opacity: 0.5194181162;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(195deg);
            transform: translate(437.5px, 125px) rotate(195deg);
    opacity: 0;
  }
}

@keyframes drop-left-121 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(195deg);
            transform: translate(0px, 0px) rotate(195deg);
    opacity: 1.0388362324;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(195deg);
            transform: translate(31.5px, -75px) rotate(195deg);
    opacity: 1.0388362324;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(195deg);
            transform: translate(70px, -144px) rotate(195deg);
    opacity: 1.0388362324;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(195deg);
            transform: translate(115.25px, -196.75px) rotate(195deg);
    opacity: 1.0388362324;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(195deg);
            transform: translate(140.5px, -214px) rotate(195deg);
    opacity: 1.0388362324;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(195deg);
            transform: translate(167.25px, -223.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(195deg);
            transform: translate(195.5px, -224px) rotate(195deg);
    opacity: 1.0388362324;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(195deg);
            transform: translate(225.5px, -214.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(195deg);
            transform: translate(257px, -193.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(195deg);
            transform: translate(290px, -160px) rotate(195deg);
    opacity: 1.0388362324;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(195deg);
            transform: translate(324.75px, -112.5px) rotate(195deg);
    opacity: 1.0388362324;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(195deg);
            transform: translate(360.75px, -50px) rotate(195deg);
    opacity: 1.0388362324;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(195deg);
            transform: translate(398.5px, 28.75px) rotate(195deg);
    opacity: 0.5194181162;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(195deg);
            transform: translate(437.5px, 125px) rotate(195deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-121 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(222deg);
            transform: translate(0px, 0px) rotate(222deg);
    opacity: 0.8688124191;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(222deg);
            transform: translate(-3.15px, -7.5px) rotate(222deg);
    opacity: 0.8688124191;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(222deg);
            transform: translate(-7px, -14.4px) rotate(222deg);
    opacity: 0.8688124191;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(222deg);
            transform: translate(-11.525px, -19.675px) rotate(222deg);
    opacity: 0.8688124191;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(222deg);
            transform: translate(-14.05px, -21.4px) rotate(222deg);
    opacity: 0.8688124191;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(222deg);
            transform: translate(-16.725px, -22.35px) rotate(222deg);
    opacity: 0.8688124191;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(222deg);
            transform: translate(-19.55px, -22.4px) rotate(222deg);
    opacity: 0.8688124191;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(222deg);
            transform: translate(-22.55px, -21.45px) rotate(222deg);
    opacity: 0.8688124191;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(222deg);
            transform: translate(-25.7px, -19.35px) rotate(222deg);
    opacity: 0.8688124191;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(222deg);
            transform: translate(-29px, -16px) rotate(222deg);
    opacity: 0.8688124191;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(222deg);
            transform: translate(-32.475px, -11.25px) rotate(222deg);
    opacity: 0.8688124191;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(222deg);
            transform: translate(-36.075px, -5px) rotate(222deg);
    opacity: 0.8688124191;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(222deg);
            transform: translate(-39.85px, 2.875px) rotate(222deg);
    opacity: 0.4344062096;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(222deg);
            transform: translate(-43.75px, 12.5px) rotate(222deg);
    opacity: 0;
  }
}
@keyframes drop-right-121 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(222deg);
            transform: translate(0px, 0px) rotate(222deg);
    opacity: 0.8688124191;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(222deg);
            transform: translate(-3.15px, -7.5px) rotate(222deg);
    opacity: 0.8688124191;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(222deg);
            transform: translate(-7px, -14.4px) rotate(222deg);
    opacity: 0.8688124191;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(222deg);
            transform: translate(-11.525px, -19.675px) rotate(222deg);
    opacity: 0.8688124191;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(222deg);
            transform: translate(-14.05px, -21.4px) rotate(222deg);
    opacity: 0.8688124191;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(222deg);
            transform: translate(-16.725px, -22.35px) rotate(222deg);
    opacity: 0.8688124191;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(222deg);
            transform: translate(-19.55px, -22.4px) rotate(222deg);
    opacity: 0.8688124191;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(222deg);
            transform: translate(-22.55px, -21.45px) rotate(222deg);
    opacity: 0.8688124191;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(222deg);
            transform: translate(-25.7px, -19.35px) rotate(222deg);
    opacity: 0.8688124191;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(222deg);
            transform: translate(-29px, -16px) rotate(222deg);
    opacity: 0.8688124191;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(222deg);
            transform: translate(-32.475px, -11.25px) rotate(222deg);
    opacity: 0.8688124191;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(222deg);
            transform: translate(-36.075px, -5px) rotate(222deg);
    opacity: 0.8688124191;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(222deg);
            transform: translate(-39.85px, 2.875px) rotate(222deg);
    opacity: 0.4344062096;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(222deg);
            transform: translate(-43.75px, 12.5px) rotate(222deg);
    opacity: 0;
  }
}
.confetti-left-122,
.confetti-right-122 {
  width: 14px;
  height: 5.6px;
  background-color: #F4BB2F;
  top: calc(25% - 14px);
  left: calc(50% - 4.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-122 {
  -webkit-animation: drop-left-122 1.3120565993s 0.4520229624s 2 forwards;
          animation: drop-left-122 1.3120565993s 0.4520229624s 2 forwards;
}

.confetti-right-122 {
  -webkit-animation: drop-right-122 1.7172836762s 1.0434800774s 2 forwards;
          animation: drop-right-122 1.7172836762s 1.0434800774s 2 forwards;
}

@-webkit-keyframes drop-left-122 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(9deg);
            transform: translate(0px, 0px) rotate(9deg);
    opacity: 1.0046913842;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(9deg);
            transform: translate(22.05px, -52.5px) rotate(9deg);
    opacity: 1.0046913842;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(9deg);
            transform: translate(49px, -100.8px) rotate(9deg);
    opacity: 1.0046913842;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(9deg);
            transform: translate(80.675px, -137.725px) rotate(9deg);
    opacity: 1.0046913842;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(9deg);
            transform: translate(98.35px, -149.8px) rotate(9deg);
    opacity: 1.0046913842;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(9deg);
            transform: translate(117.075px, -156.45px) rotate(9deg);
    opacity: 1.0046913842;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(9deg);
            transform: translate(136.85px, -156.8px) rotate(9deg);
    opacity: 1.0046913842;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(9deg);
            transform: translate(157.85px, -150.15px) rotate(9deg);
    opacity: 1.0046913842;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(9deg);
            transform: translate(179.9px, -135.45px) rotate(9deg);
    opacity: 1.0046913842;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(9deg);
            transform: translate(203px, -112px) rotate(9deg);
    opacity: 1.0046913842;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(9deg);
            transform: translate(227.325px, -78.75px) rotate(9deg);
    opacity: 1.0046913842;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(9deg);
            transform: translate(252.525px, -35px) rotate(9deg);
    opacity: 1.0046913842;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(9deg);
            transform: translate(278.95px, 20.125px) rotate(9deg);
    opacity: 0.5023456921;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(9deg);
            transform: translate(306.25px, 87.5px) rotate(9deg);
    opacity: 0;
  }
}

@keyframes drop-left-122 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(9deg);
            transform: translate(0px, 0px) rotate(9deg);
    opacity: 1.0046913842;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(9deg);
            transform: translate(22.05px, -52.5px) rotate(9deg);
    opacity: 1.0046913842;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(9deg);
            transform: translate(49px, -100.8px) rotate(9deg);
    opacity: 1.0046913842;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(9deg);
            transform: translate(80.675px, -137.725px) rotate(9deg);
    opacity: 1.0046913842;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(9deg);
            transform: translate(98.35px, -149.8px) rotate(9deg);
    opacity: 1.0046913842;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(9deg);
            transform: translate(117.075px, -156.45px) rotate(9deg);
    opacity: 1.0046913842;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(9deg);
            transform: translate(136.85px, -156.8px) rotate(9deg);
    opacity: 1.0046913842;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(9deg);
            transform: translate(157.85px, -150.15px) rotate(9deg);
    opacity: 1.0046913842;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(9deg);
            transform: translate(179.9px, -135.45px) rotate(9deg);
    opacity: 1.0046913842;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(9deg);
            transform: translate(203px, -112px) rotate(9deg);
    opacity: 1.0046913842;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(9deg);
            transform: translate(227.325px, -78.75px) rotate(9deg);
    opacity: 1.0046913842;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(9deg);
            transform: translate(252.525px, -35px) rotate(9deg);
    opacity: 1.0046913842;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(9deg);
            transform: translate(278.95px, 20.125px) rotate(9deg);
    opacity: 0.5023456921;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(9deg);
            transform: translate(306.25px, 87.5px) rotate(9deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-122 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(117deg);
            transform: translate(0px, 0px) rotate(117deg);
    opacity: 0.6100302686;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(117deg);
            transform: translate(-18.9px, -45px) rotate(117deg);
    opacity: 0.6100302686;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(117deg);
            transform: translate(-42px, -86.4px) rotate(117deg);
    opacity: 0.6100302686;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(117deg);
            transform: translate(-69.15px, -118.05px) rotate(117deg);
    opacity: 0.6100302686;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(117deg);
            transform: translate(-84.3px, -128.4px) rotate(117deg);
    opacity: 0.6100302686;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(117deg);
            transform: translate(-100.35px, -134.1px) rotate(117deg);
    opacity: 0.6100302686;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(117deg);
            transform: translate(-117.3px, -134.4px) rotate(117deg);
    opacity: 0.6100302686;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(117deg);
            transform: translate(-135.3px, -128.7px) rotate(117deg);
    opacity: 0.6100302686;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(117deg);
            transform: translate(-154.2px, -116.1px) rotate(117deg);
    opacity: 0.6100302686;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(117deg);
            transform: translate(-174px, -96px) rotate(117deg);
    opacity: 0.6100302686;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(117deg);
            transform: translate(-194.85px, -67.5px) rotate(117deg);
    opacity: 0.6100302686;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(117deg);
            transform: translate(-216.45px, -30px) rotate(117deg);
    opacity: 0.6100302686;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(117deg);
            transform: translate(-239.1px, 17.25px) rotate(117deg);
    opacity: 0.3050151343;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(117deg);
            transform: translate(-262.5px, 75px) rotate(117deg);
    opacity: 0;
  }
}
@keyframes drop-right-122 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(117deg);
            transform: translate(0px, 0px) rotate(117deg);
    opacity: 0.6100302686;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(117deg);
            transform: translate(-18.9px, -45px) rotate(117deg);
    opacity: 0.6100302686;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(117deg);
            transform: translate(-42px, -86.4px) rotate(117deg);
    opacity: 0.6100302686;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(117deg);
            transform: translate(-69.15px, -118.05px) rotate(117deg);
    opacity: 0.6100302686;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(117deg);
            transform: translate(-84.3px, -128.4px) rotate(117deg);
    opacity: 0.6100302686;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(117deg);
            transform: translate(-100.35px, -134.1px) rotate(117deg);
    opacity: 0.6100302686;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(117deg);
            transform: translate(-117.3px, -134.4px) rotate(117deg);
    opacity: 0.6100302686;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(117deg);
            transform: translate(-135.3px, -128.7px) rotate(117deg);
    opacity: 0.6100302686;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(117deg);
            transform: translate(-154.2px, -116.1px) rotate(117deg);
    opacity: 0.6100302686;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(117deg);
            transform: translate(-174px, -96px) rotate(117deg);
    opacity: 0.6100302686;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(117deg);
            transform: translate(-194.85px, -67.5px) rotate(117deg);
    opacity: 0.6100302686;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(117deg);
            transform: translate(-216.45px, -30px) rotate(117deg);
    opacity: 0.6100302686;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(117deg);
            transform: translate(-239.1px, 17.25px) rotate(117deg);
    opacity: 0.3050151343;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(117deg);
            transform: translate(-262.5px, 75px) rotate(117deg);
    opacity: 0;
  }
}
.confetti-left-123,
.confetti-right-123 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 5px);
  left: calc(50% - 1.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-123 {
  -webkit-animation: drop-left-123 1.6533312446s 1.2638533196s 2 forwards;
          animation: drop-left-123 1.6533312446s 1.2638533196s 2 forwards;
}

.confetti-right-123 {
  -webkit-animation: drop-right-123 1.9087160567s 1.2123872823s 2 forwards;
          animation: drop-right-123 1.9087160567s 1.2123872823s 2 forwards;
}

@-webkit-keyframes drop-left-123 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(64deg);
            transform: translate(0px, 0px) rotate(64deg);
    opacity: 1.4657516865;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(64deg);
            transform: translate(18.9px, -45px) rotate(64deg);
    opacity: 1.4657516865;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(64deg);
            transform: translate(42px, -86.4px) rotate(64deg);
    opacity: 1.4657516865;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(64deg);
            transform: translate(69.15px, -118.05px) rotate(64deg);
    opacity: 1.4657516865;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(64deg);
            transform: translate(84.3px, -128.4px) rotate(64deg);
    opacity: 1.4657516865;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(64deg);
            transform: translate(100.35px, -134.1px) rotate(64deg);
    opacity: 1.4657516865;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(64deg);
            transform: translate(117.3px, -134.4px) rotate(64deg);
    opacity: 1.4657516865;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(64deg);
            transform: translate(135.3px, -128.7px) rotate(64deg);
    opacity: 1.4657516865;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(64deg);
            transform: translate(154.2px, -116.1px) rotate(64deg);
    opacity: 1.4657516865;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(64deg);
            transform: translate(174px, -96px) rotate(64deg);
    opacity: 1.4657516865;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(64deg);
            transform: translate(194.85px, -67.5px) rotate(64deg);
    opacity: 1.4657516865;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(64deg);
            transform: translate(216.45px, -30px) rotate(64deg);
    opacity: 1.4657516865;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(64deg);
            transform: translate(239.1px, 17.25px) rotate(64deg);
    opacity: 0.7328758432;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(64deg);
            transform: translate(262.5px, 75px) rotate(64deg);
    opacity: 0;
  }
}

@keyframes drop-left-123 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(64deg);
            transform: translate(0px, 0px) rotate(64deg);
    opacity: 1.4657516865;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(64deg);
            transform: translate(18.9px, -45px) rotate(64deg);
    opacity: 1.4657516865;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(64deg);
            transform: translate(42px, -86.4px) rotate(64deg);
    opacity: 1.4657516865;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(64deg);
            transform: translate(69.15px, -118.05px) rotate(64deg);
    opacity: 1.4657516865;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(64deg);
            transform: translate(84.3px, -128.4px) rotate(64deg);
    opacity: 1.4657516865;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(64deg);
            transform: translate(100.35px, -134.1px) rotate(64deg);
    opacity: 1.4657516865;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(64deg);
            transform: translate(117.3px, -134.4px) rotate(64deg);
    opacity: 1.4657516865;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(64deg);
            transform: translate(135.3px, -128.7px) rotate(64deg);
    opacity: 1.4657516865;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(64deg);
            transform: translate(154.2px, -116.1px) rotate(64deg);
    opacity: 1.4657516865;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(64deg);
            transform: translate(174px, -96px) rotate(64deg);
    opacity: 1.4657516865;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(64deg);
            transform: translate(194.85px, -67.5px) rotate(64deg);
    opacity: 1.4657516865;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(64deg);
            transform: translate(216.45px, -30px) rotate(64deg);
    opacity: 1.4657516865;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(64deg);
            transform: translate(239.1px, 17.25px) rotate(64deg);
    opacity: 0.7328758432;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(64deg);
            transform: translate(262.5px, 75px) rotate(64deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-123 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(132deg);
            transform: translate(0px, 0px) rotate(132deg);
    opacity: 1.3519607874;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(132deg);
            transform: translate(-18.9px, -45px) rotate(132deg);
    opacity: 1.3519607874;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(132deg);
            transform: translate(-42px, -86.4px) rotate(132deg);
    opacity: 1.3519607874;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(132deg);
            transform: translate(-69.15px, -118.05px) rotate(132deg);
    opacity: 1.3519607874;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(132deg);
            transform: translate(-84.3px, -128.4px) rotate(132deg);
    opacity: 1.3519607874;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(132deg);
            transform: translate(-100.35px, -134.1px) rotate(132deg);
    opacity: 1.3519607874;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(132deg);
            transform: translate(-117.3px, -134.4px) rotate(132deg);
    opacity: 1.3519607874;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(132deg);
            transform: translate(-135.3px, -128.7px) rotate(132deg);
    opacity: 1.3519607874;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(132deg);
            transform: translate(-154.2px, -116.1px) rotate(132deg);
    opacity: 1.3519607874;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(132deg);
            transform: translate(-174px, -96px) rotate(132deg);
    opacity: 1.3519607874;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(132deg);
            transform: translate(-194.85px, -67.5px) rotate(132deg);
    opacity: 1.3519607874;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(132deg);
            transform: translate(-216.45px, -30px) rotate(132deg);
    opacity: 1.3519607874;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(132deg);
            transform: translate(-239.1px, 17.25px) rotate(132deg);
    opacity: 0.6759803937;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(132deg);
            transform: translate(-262.5px, 75px) rotate(132deg);
    opacity: 0;
  }
}
@keyframes drop-right-123 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(132deg);
            transform: translate(0px, 0px) rotate(132deg);
    opacity: 1.3519607874;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(132deg);
            transform: translate(-18.9px, -45px) rotate(132deg);
    opacity: 1.3519607874;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(132deg);
            transform: translate(-42px, -86.4px) rotate(132deg);
    opacity: 1.3519607874;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(132deg);
            transform: translate(-69.15px, -118.05px) rotate(132deg);
    opacity: 1.3519607874;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(132deg);
            transform: translate(-84.3px, -128.4px) rotate(132deg);
    opacity: 1.3519607874;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(132deg);
            transform: translate(-100.35px, -134.1px) rotate(132deg);
    opacity: 1.3519607874;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(132deg);
            transform: translate(-117.3px, -134.4px) rotate(132deg);
    opacity: 1.3519607874;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(132deg);
            transform: translate(-135.3px, -128.7px) rotate(132deg);
    opacity: 1.3519607874;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(132deg);
            transform: translate(-154.2px, -116.1px) rotate(132deg);
    opacity: 1.3519607874;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(132deg);
            transform: translate(-174px, -96px) rotate(132deg);
    opacity: 1.3519607874;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(132deg);
            transform: translate(-194.85px, -67.5px) rotate(132deg);
    opacity: 1.3519607874;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(132deg);
            transform: translate(-216.45px, -30px) rotate(132deg);
    opacity: 1.3519607874;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(132deg);
            transform: translate(-239.1px, 17.25px) rotate(132deg);
    opacity: 0.6759803937;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(132deg);
            transform: translate(-262.5px, 75px) rotate(132deg);
    opacity: 0;
  }
}
.confetti-left-124,
.confetti-right-124 {
  width: 4.2px;
  height: 4.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-124 {
  -webkit-animation: drop-left-124 1.2718398239s 0.7691683661s 2 forwards;
          animation: drop-left-124 1.2718398239s 0.7691683661s 2 forwards;
}

.confetti-right-124 {
  -webkit-animation: drop-right-124 1.5216177922s 0.6638187234s 2 forwards;
          animation: drop-right-124 1.5216177922s 0.6638187234s 2 forwards;
}

@-webkit-keyframes drop-left-124 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(72deg);
            transform: translate(0px, 0px) rotate(72deg);
    opacity: 0.9845441077;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(72deg);
            transform: translate(28.35px, -67.5px) rotate(72deg);
    opacity: 0.9845441077;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(72deg);
            transform: translate(63px, -129.6px) rotate(72deg);
    opacity: 0.9845441077;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(72deg);
            transform: translate(103.725px, -177.075px) rotate(72deg);
    opacity: 0.9845441077;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(72deg);
            transform: translate(126.45px, -192.6px) rotate(72deg);
    opacity: 0.9845441077;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(72deg);
            transform: translate(150.525px, -201.15px) rotate(72deg);
    opacity: 0.9845441077;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(72deg);
            transform: translate(175.95px, -201.6px) rotate(72deg);
    opacity: 0.9845441077;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(72deg);
            transform: translate(202.95px, -193.05px) rotate(72deg);
    opacity: 0.9845441077;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(72deg);
            transform: translate(231.3px, -174.15px) rotate(72deg);
    opacity: 0.9845441077;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(72deg);
            transform: translate(261px, -144px) rotate(72deg);
    opacity: 0.9845441077;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(72deg);
            transform: translate(292.275px, -101.25px) rotate(72deg);
    opacity: 0.9845441077;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(72deg);
            transform: translate(324.675px, -45px) rotate(72deg);
    opacity: 0.9845441077;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(72deg);
            transform: translate(358.65px, 25.875px) rotate(72deg);
    opacity: 0.4922720538;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(72deg);
            transform: translate(393.75px, 112.5px) rotate(72deg);
    opacity: 0;
  }
}

@keyframes drop-left-124 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(72deg);
            transform: translate(0px, 0px) rotate(72deg);
    opacity: 0.9845441077;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(72deg);
            transform: translate(28.35px, -67.5px) rotate(72deg);
    opacity: 0.9845441077;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(72deg);
            transform: translate(63px, -129.6px) rotate(72deg);
    opacity: 0.9845441077;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(72deg);
            transform: translate(103.725px, -177.075px) rotate(72deg);
    opacity: 0.9845441077;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(72deg);
            transform: translate(126.45px, -192.6px) rotate(72deg);
    opacity: 0.9845441077;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(72deg);
            transform: translate(150.525px, -201.15px) rotate(72deg);
    opacity: 0.9845441077;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(72deg);
            transform: translate(175.95px, -201.6px) rotate(72deg);
    opacity: 0.9845441077;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(72deg);
            transform: translate(202.95px, -193.05px) rotate(72deg);
    opacity: 0.9845441077;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(72deg);
            transform: translate(231.3px, -174.15px) rotate(72deg);
    opacity: 0.9845441077;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(72deg);
            transform: translate(261px, -144px) rotate(72deg);
    opacity: 0.9845441077;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(72deg);
            transform: translate(292.275px, -101.25px) rotate(72deg);
    opacity: 0.9845441077;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(72deg);
            transform: translate(324.675px, -45px) rotate(72deg);
    opacity: 0.9845441077;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(72deg);
            transform: translate(358.65px, 25.875px) rotate(72deg);
    opacity: 0.4922720538;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(72deg);
            transform: translate(393.75px, 112.5px) rotate(72deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-124 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(100deg);
            transform: translate(0px, 0px) rotate(100deg);
    opacity: 1.3329038343;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(100deg);
            transform: translate(-12.6px, -30px) rotate(100deg);
    opacity: 1.3329038343;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(100deg);
            transform: translate(-28px, -57.6px) rotate(100deg);
    opacity: 1.3329038343;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(100deg);
            transform: translate(-46.1px, -78.7px) rotate(100deg);
    opacity: 1.3329038343;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(100deg);
            transform: translate(-56.2px, -85.6px) rotate(100deg);
    opacity: 1.3329038343;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(100deg);
            transform: translate(-66.9px, -89.4px) rotate(100deg);
    opacity: 1.3329038343;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(100deg);
            transform: translate(-78.2px, -89.6px) rotate(100deg);
    opacity: 1.3329038343;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(100deg);
            transform: translate(-90.2px, -85.8px) rotate(100deg);
    opacity: 1.3329038343;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(100deg);
            transform: translate(-102.8px, -77.4px) rotate(100deg);
    opacity: 1.3329038343;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(100deg);
            transform: translate(-116px, -64px) rotate(100deg);
    opacity: 1.3329038343;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(100deg);
            transform: translate(-129.9px, -45px) rotate(100deg);
    opacity: 1.3329038343;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(100deg);
            transform: translate(-144.3px, -20px) rotate(100deg);
    opacity: 1.3329038343;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(100deg);
            transform: translate(-159.4px, 11.5px) rotate(100deg);
    opacity: 0.6664519172;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(100deg);
            transform: translate(-175px, 50px) rotate(100deg);
    opacity: 0;
  }
}
@keyframes drop-right-124 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(100deg);
            transform: translate(0px, 0px) rotate(100deg);
    opacity: 1.3329038343;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(100deg);
            transform: translate(-12.6px, -30px) rotate(100deg);
    opacity: 1.3329038343;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(100deg);
            transform: translate(-28px, -57.6px) rotate(100deg);
    opacity: 1.3329038343;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(100deg);
            transform: translate(-46.1px, -78.7px) rotate(100deg);
    opacity: 1.3329038343;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(100deg);
            transform: translate(-56.2px, -85.6px) rotate(100deg);
    opacity: 1.3329038343;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(100deg);
            transform: translate(-66.9px, -89.4px) rotate(100deg);
    opacity: 1.3329038343;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(100deg);
            transform: translate(-78.2px, -89.6px) rotate(100deg);
    opacity: 1.3329038343;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(100deg);
            transform: translate(-90.2px, -85.8px) rotate(100deg);
    opacity: 1.3329038343;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(100deg);
            transform: translate(-102.8px, -77.4px) rotate(100deg);
    opacity: 1.3329038343;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(100deg);
            transform: translate(-116px, -64px) rotate(100deg);
    opacity: 1.3329038343;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(100deg);
            transform: translate(-129.9px, -45px) rotate(100deg);
    opacity: 1.3329038343;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(100deg);
            transform: translate(-144.3px, -20px) rotate(100deg);
    opacity: 1.3329038343;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(100deg);
            transform: translate(-159.4px, 11.5px) rotate(100deg);
    opacity: 0.6664519172;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(100deg);
            transform: translate(-175px, 50px) rotate(100deg);
    opacity: 0;
  }
}
.confetti-left-125,
.confetti-right-125 {
  background-color: transparent;
  border-bottom: 2.5px solid #F4BB2F;
  border-left: 1.25px solid transparent;
  border-right: 1.25px solid transparent;
  height: 0;
  width: 2.5px;
  top: calc(25% - 5px);
  left: calc(50% - 1.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-125 {
  -webkit-animation: drop-left-125 1.8186324196s 0.735010437s 2 forwards;
          animation: drop-left-125 1.8186324196s 0.735010437s 2 forwards;
}

.confetti-right-125 {
  -webkit-animation: drop-right-125 1.1501654625s 0.6561693469s 2 forwards;
          animation: drop-right-125 1.1501654625s 0.6561693469s 2 forwards;
}

@-webkit-keyframes drop-left-125 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(191deg);
            transform: translate(0px, 0px) rotate(191deg);
    opacity: 1.2889449836;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(191deg);
            transform: translate(15.75px, -37.5px) rotate(191deg);
    opacity: 1.2889449836;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(191deg);
            transform: translate(35px, -72px) rotate(191deg);
    opacity: 1.2889449836;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(191deg);
            transform: translate(57.625px, -98.375px) rotate(191deg);
    opacity: 1.2889449836;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(191deg);
            transform: translate(70.25px, -107px) rotate(191deg);
    opacity: 1.2889449836;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(191deg);
            transform: translate(83.625px, -111.75px) rotate(191deg);
    opacity: 1.2889449836;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(191deg);
            transform: translate(97.75px, -112px) rotate(191deg);
    opacity: 1.2889449836;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(191deg);
            transform: translate(112.75px, -107.25px) rotate(191deg);
    opacity: 1.2889449836;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(191deg);
            transform: translate(128.5px, -96.75px) rotate(191deg);
    opacity: 1.2889449836;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(191deg);
            transform: translate(145px, -80px) rotate(191deg);
    opacity: 1.2889449836;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(191deg);
            transform: translate(162.375px, -56.25px) rotate(191deg);
    opacity: 1.2889449836;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(191deg);
            transform: translate(180.375px, -25px) rotate(191deg);
    opacity: 1.2889449836;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(191deg);
            transform: translate(199.25px, 14.375px) rotate(191deg);
    opacity: 0.6444724918;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(191deg);
            transform: translate(218.75px, 62.5px) rotate(191deg);
    opacity: 0;
  }
}

@keyframes drop-left-125 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(191deg);
            transform: translate(0px, 0px) rotate(191deg);
    opacity: 1.2889449836;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(191deg);
            transform: translate(15.75px, -37.5px) rotate(191deg);
    opacity: 1.2889449836;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(191deg);
            transform: translate(35px, -72px) rotate(191deg);
    opacity: 1.2889449836;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(191deg);
            transform: translate(57.625px, -98.375px) rotate(191deg);
    opacity: 1.2889449836;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(191deg);
            transform: translate(70.25px, -107px) rotate(191deg);
    opacity: 1.2889449836;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(191deg);
            transform: translate(83.625px, -111.75px) rotate(191deg);
    opacity: 1.2889449836;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(191deg);
            transform: translate(97.75px, -112px) rotate(191deg);
    opacity: 1.2889449836;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(191deg);
            transform: translate(112.75px, -107.25px) rotate(191deg);
    opacity: 1.2889449836;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(191deg);
            transform: translate(128.5px, -96.75px) rotate(191deg);
    opacity: 1.2889449836;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(191deg);
            transform: translate(145px, -80px) rotate(191deg);
    opacity: 1.2889449836;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(191deg);
            transform: translate(162.375px, -56.25px) rotate(191deg);
    opacity: 1.2889449836;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(191deg);
            transform: translate(180.375px, -25px) rotate(191deg);
    opacity: 1.2889449836;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(191deg);
            transform: translate(199.25px, 14.375px) rotate(191deg);
    opacity: 0.6444724918;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(191deg);
            transform: translate(218.75px, 62.5px) rotate(191deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-125 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(41deg);
            transform: translate(0px, 0px) rotate(41deg);
    opacity: 1.1927993036;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(41deg);
            transform: translate(-15.75px, -37.5px) rotate(41deg);
    opacity: 1.1927993036;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(41deg);
            transform: translate(-35px, -72px) rotate(41deg);
    opacity: 1.1927993036;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(41deg);
            transform: translate(-57.625px, -98.375px) rotate(41deg);
    opacity: 1.1927993036;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(41deg);
            transform: translate(-70.25px, -107px) rotate(41deg);
    opacity: 1.1927993036;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(41deg);
            transform: translate(-83.625px, -111.75px) rotate(41deg);
    opacity: 1.1927993036;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(41deg);
            transform: translate(-97.75px, -112px) rotate(41deg);
    opacity: 1.1927993036;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(41deg);
            transform: translate(-112.75px, -107.25px) rotate(41deg);
    opacity: 1.1927993036;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(41deg);
            transform: translate(-128.5px, -96.75px) rotate(41deg);
    opacity: 1.1927993036;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(41deg);
            transform: translate(-145px, -80px) rotate(41deg);
    opacity: 1.1927993036;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(41deg);
            transform: translate(-162.375px, -56.25px) rotate(41deg);
    opacity: 1.1927993036;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(41deg);
            transform: translate(-180.375px, -25px) rotate(41deg);
    opacity: 1.1927993036;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(41deg);
            transform: translate(-199.25px, 14.375px) rotate(41deg);
    opacity: 0.5963996518;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(41deg);
            transform: translate(-218.75px, 62.5px) rotate(41deg);
    opacity: 0;
  }
}
@keyframes drop-right-125 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(41deg);
            transform: translate(0px, 0px) rotate(41deg);
    opacity: 1.1927993036;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(41deg);
            transform: translate(-15.75px, -37.5px) rotate(41deg);
    opacity: 1.1927993036;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(41deg);
            transform: translate(-35px, -72px) rotate(41deg);
    opacity: 1.1927993036;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(41deg);
            transform: translate(-57.625px, -98.375px) rotate(41deg);
    opacity: 1.1927993036;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(41deg);
            transform: translate(-70.25px, -107px) rotate(41deg);
    opacity: 1.1927993036;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(41deg);
            transform: translate(-83.625px, -111.75px) rotate(41deg);
    opacity: 1.1927993036;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(41deg);
            transform: translate(-97.75px, -112px) rotate(41deg);
    opacity: 1.1927993036;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(41deg);
            transform: translate(-112.75px, -107.25px) rotate(41deg);
    opacity: 1.1927993036;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(41deg);
            transform: translate(-128.5px, -96.75px) rotate(41deg);
    opacity: 1.1927993036;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(41deg);
            transform: translate(-145px, -80px) rotate(41deg);
    opacity: 1.1927993036;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(41deg);
            transform: translate(-162.375px, -56.25px) rotate(41deg);
    opacity: 1.1927993036;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(41deg);
            transform: translate(-180.375px, -25px) rotate(41deg);
    opacity: 1.1927993036;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(41deg);
            transform: translate(-199.25px, 14.375px) rotate(41deg);
    opacity: 0.5963996518;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(41deg);
            transform: translate(-218.75px, 62.5px) rotate(41deg);
    opacity: 0;
  }
}
.confetti-left-126,
.confetti-right-126 {
  background-color: transparent;
  border-bottom: 5px solid #E61D47;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  height: 0;
  width: 5px;
  top: calc(25% - 10px);
  left: calc(50% - 3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-126 {
  -webkit-animation: drop-left-126 1.7336332939s 1.3374841364s 2 forwards;
          animation: drop-left-126 1.7336332939s 1.3374841364s 2 forwards;
}

.confetti-right-126 {
  -webkit-animation: drop-right-126 1.1710795056s 0.5118308927s 2 forwards;
          animation: drop-right-126 1.1710795056s 0.5118308927s 2 forwards;
}

@-webkit-keyframes drop-left-126 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(198deg);
            transform: translate(0px, 0px) rotate(198deg);
    opacity: 0.9559069507;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(198deg);
            transform: translate(9.45px, -22.5px) rotate(198deg);
    opacity: 0.9559069507;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(198deg);
            transform: translate(21px, -43.2px) rotate(198deg);
    opacity: 0.9559069507;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(198deg);
            transform: translate(34.575px, -59.025px) rotate(198deg);
    opacity: 0.9559069507;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(198deg);
            transform: translate(42.15px, -64.2px) rotate(198deg);
    opacity: 0.9559069507;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(198deg);
            transform: translate(50.175px, -67.05px) rotate(198deg);
    opacity: 0.9559069507;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(198deg);
            transform: translate(58.65px, -67.2px) rotate(198deg);
    opacity: 0.9559069507;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(198deg);
            transform: translate(67.65px, -64.35px) rotate(198deg);
    opacity: 0.9559069507;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(198deg);
            transform: translate(77.1px, -58.05px) rotate(198deg);
    opacity: 0.9559069507;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(198deg);
            transform: translate(87px, -48px) rotate(198deg);
    opacity: 0.9559069507;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(198deg);
            transform: translate(97.425px, -33.75px) rotate(198deg);
    opacity: 0.9559069507;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(198deg);
            transform: translate(108.225px, -15px) rotate(198deg);
    opacity: 0.9559069507;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(198deg);
            transform: translate(119.55px, 8.625px) rotate(198deg);
    opacity: 0.4779534753;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(198deg);
            transform: translate(131.25px, 37.5px) rotate(198deg);
    opacity: 0;
  }
}

@keyframes drop-left-126 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(198deg);
            transform: translate(0px, 0px) rotate(198deg);
    opacity: 0.9559069507;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(198deg);
            transform: translate(9.45px, -22.5px) rotate(198deg);
    opacity: 0.9559069507;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(198deg);
            transform: translate(21px, -43.2px) rotate(198deg);
    opacity: 0.9559069507;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(198deg);
            transform: translate(34.575px, -59.025px) rotate(198deg);
    opacity: 0.9559069507;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(198deg);
            transform: translate(42.15px, -64.2px) rotate(198deg);
    opacity: 0.9559069507;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(198deg);
            transform: translate(50.175px, -67.05px) rotate(198deg);
    opacity: 0.9559069507;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(198deg);
            transform: translate(58.65px, -67.2px) rotate(198deg);
    opacity: 0.9559069507;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(198deg);
            transform: translate(67.65px, -64.35px) rotate(198deg);
    opacity: 0.9559069507;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(198deg);
            transform: translate(77.1px, -58.05px) rotate(198deg);
    opacity: 0.9559069507;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(198deg);
            transform: translate(87px, -48px) rotate(198deg);
    opacity: 0.9559069507;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(198deg);
            transform: translate(97.425px, -33.75px) rotate(198deg);
    opacity: 0.9559069507;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(198deg);
            transform: translate(108.225px, -15px) rotate(198deg);
    opacity: 0.9559069507;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(198deg);
            transform: translate(119.55px, 8.625px) rotate(198deg);
    opacity: 0.4779534753;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(198deg);
            transform: translate(131.25px, 37.5px) rotate(198deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-126 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(277deg);
            transform: translate(0px, 0px) rotate(277deg);
    opacity: 1.3964346043;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(277deg);
            transform: translate(-9.45px, -22.5px) rotate(277deg);
    opacity: 1.3964346043;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(277deg);
            transform: translate(-21px, -43.2px) rotate(277deg);
    opacity: 1.3964346043;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(277deg);
            transform: translate(-34.575px, -59.025px) rotate(277deg);
    opacity: 1.3964346043;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(277deg);
            transform: translate(-42.15px, -64.2px) rotate(277deg);
    opacity: 1.3964346043;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(277deg);
            transform: translate(-50.175px, -67.05px) rotate(277deg);
    opacity: 1.3964346043;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(277deg);
            transform: translate(-58.65px, -67.2px) rotate(277deg);
    opacity: 1.3964346043;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(277deg);
            transform: translate(-67.65px, -64.35px) rotate(277deg);
    opacity: 1.3964346043;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(277deg);
            transform: translate(-77.1px, -58.05px) rotate(277deg);
    opacity: 1.3964346043;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(277deg);
            transform: translate(-87px, -48px) rotate(277deg);
    opacity: 1.3964346043;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(277deg);
            transform: translate(-97.425px, -33.75px) rotate(277deg);
    opacity: 1.3964346043;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(277deg);
            transform: translate(-108.225px, -15px) rotate(277deg);
    opacity: 1.3964346043;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(277deg);
            transform: translate(-119.55px, 8.625px) rotate(277deg);
    opacity: 0.6982173022;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(277deg);
            transform: translate(-131.25px, 37.5px) rotate(277deg);
    opacity: 0;
  }
}
@keyframes drop-right-126 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(277deg);
            transform: translate(0px, 0px) rotate(277deg);
    opacity: 1.3964346043;
  }
  10.7882% {
    -webkit-transform: translate(-9.45px, -22.5px) rotate(277deg);
            transform: translate(-9.45px, -22.5px) rotate(277deg);
    opacity: 1.3964346043;
  }
  21.2266% {
    -webkit-transform: translate(-21px, -43.2px) rotate(277deg);
            transform: translate(-21px, -43.2px) rotate(277deg);
    opacity: 1.3964346043;
  }
  30.4208% {
    -webkit-transform: translate(-34.575px, -59.025px) rotate(277deg);
            transform: translate(-34.575px, -59.025px) rotate(277deg);
    opacity: 1.3964346043;
  }
  34.4519% {
    -webkit-transform: translate(-42.15px, -64.2px) rotate(277deg);
            transform: translate(-42.15px, -64.2px) rotate(277deg);
    opacity: 1.3964346043;
  }
  38.2085% {
    -webkit-transform: translate(-50.175px, -67.05px) rotate(277deg);
            transform: translate(-50.175px, -67.05px) rotate(277deg);
    opacity: 1.3964346043;
  }
  41.9607% {
    -webkit-transform: translate(-58.65px, -67.2px) rotate(277deg);
            transform: translate(-58.65px, -67.2px) rotate(277deg);
    opacity: 1.3964346043;
  }
  46.1202% {
    -webkit-transform: translate(-67.65px, -64.35px) rotate(277deg);
            transform: translate(-67.65px, -64.35px) rotate(277deg);
    opacity: 1.3964346043;
  }
  51.1287% {
    -webkit-transform: translate(-77.1px, -58.05px) rotate(277deg);
            transform: translate(-77.1px, -58.05px) rotate(277deg);
    opacity: 1.3964346043;
  }
  57.3654% {
    -webkit-transform: translate(-87px, -48px) rotate(277deg);
            transform: translate(-87px, -48px) rotate(277deg);
    opacity: 1.3964346043;
  }
  65.1344% {
    -webkit-transform: translate(-97.425px, -33.75px) rotate(277deg);
            transform: translate(-97.425px, -33.75px) rotate(277deg);
    opacity: 1.3964346043;
  }
  74.6872% {
    -webkit-transform: translate(-108.225px, -15px) rotate(277deg);
            transform: translate(-108.225px, -15px) rotate(277deg);
    opacity: 1.3964346043;
  }
  86.2425% {
    -webkit-transform: translate(-119.55px, 8.625px) rotate(277deg);
            transform: translate(-119.55px, 8.625px) rotate(277deg);
    opacity: 0.6982173022;
  }
  100.0000% {
    -webkit-transform: translate(-131.25px, 37.5px) rotate(277deg);
            transform: translate(-131.25px, 37.5px) rotate(277deg);
    opacity: 0;
  }
}
.confetti-left-127,
.confetti-right-127 {
  background-color: transparent;
  border-bottom: 4px solid #E61D47;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  height: 0;
  width: 4px;
  top: calc(25% - 8px);
  left: calc(50% - 2.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-127 {
  -webkit-animation: drop-left-127 1.2638797573s 0.959350457s 2 forwards;
          animation: drop-left-127 1.2638797573s 0.959350457s 2 forwards;
}

.confetti-right-127 {
  -webkit-animation: drop-right-127 1.4033333684s 1.2931992387s 2 forwards;
          animation: drop-right-127 1.4033333684s 1.2931992387s 2 forwards;
}

@-webkit-keyframes drop-left-127 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(67deg);
            transform: translate(0px, 0px) rotate(67deg);
    opacity: 0.7590294622;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(67deg);
            transform: translate(31.5px, -75px) rotate(67deg);
    opacity: 0.7590294622;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(67deg);
            transform: translate(70px, -144px) rotate(67deg);
    opacity: 0.7590294622;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(67deg);
            transform: translate(115.25px, -196.75px) rotate(67deg);
    opacity: 0.7590294622;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(67deg);
            transform: translate(140.5px, -214px) rotate(67deg);
    opacity: 0.7590294622;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(67deg);
            transform: translate(167.25px, -223.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(67deg);
            transform: translate(195.5px, -224px) rotate(67deg);
    opacity: 0.7590294622;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(67deg);
            transform: translate(225.5px, -214.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(67deg);
            transform: translate(257px, -193.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(67deg);
            transform: translate(290px, -160px) rotate(67deg);
    opacity: 0.7590294622;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(67deg);
            transform: translate(324.75px, -112.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(67deg);
            transform: translate(360.75px, -50px) rotate(67deg);
    opacity: 0.7590294622;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(67deg);
            transform: translate(398.5px, 28.75px) rotate(67deg);
    opacity: 0.3795147311;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(67deg);
            transform: translate(437.5px, 125px) rotate(67deg);
    opacity: 0;
  }
}

@keyframes drop-left-127 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(67deg);
            transform: translate(0px, 0px) rotate(67deg);
    opacity: 0.7590294622;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(67deg);
            transform: translate(31.5px, -75px) rotate(67deg);
    opacity: 0.7590294622;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(67deg);
            transform: translate(70px, -144px) rotate(67deg);
    opacity: 0.7590294622;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(67deg);
            transform: translate(115.25px, -196.75px) rotate(67deg);
    opacity: 0.7590294622;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(67deg);
            transform: translate(140.5px, -214px) rotate(67deg);
    opacity: 0.7590294622;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(67deg);
            transform: translate(167.25px, -223.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(67deg);
            transform: translate(195.5px, -224px) rotate(67deg);
    opacity: 0.7590294622;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(67deg);
            transform: translate(225.5px, -214.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(67deg);
            transform: translate(257px, -193.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(67deg);
            transform: translate(290px, -160px) rotate(67deg);
    opacity: 0.7590294622;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(67deg);
            transform: translate(324.75px, -112.5px) rotate(67deg);
    opacity: 0.7590294622;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(67deg);
            transform: translate(360.75px, -50px) rotate(67deg);
    opacity: 0.7590294622;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(67deg);
            transform: translate(398.5px, 28.75px) rotate(67deg);
    opacity: 0.3795147311;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(67deg);
            transform: translate(437.5px, 125px) rotate(67deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-127 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(181deg);
            transform: translate(0px, 0px) rotate(181deg);
    opacity: 1.3535735092;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(181deg);
            transform: translate(-25.2px, -60px) rotate(181deg);
    opacity: 1.3535735092;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(181deg);
            transform: translate(-56px, -115.2px) rotate(181deg);
    opacity: 1.3535735092;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(181deg);
            transform: translate(-92.2px, -157.4px) rotate(181deg);
    opacity: 1.3535735092;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(181deg);
            transform: translate(-112.4px, -171.2px) rotate(181deg);
    opacity: 1.3535735092;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(181deg);
            transform: translate(-133.8px, -178.8px) rotate(181deg);
    opacity: 1.3535735092;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(181deg);
            transform: translate(-156.4px, -179.2px) rotate(181deg);
    opacity: 1.3535735092;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(181deg);
            transform: translate(-180.4px, -171.6px) rotate(181deg);
    opacity: 1.3535735092;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(181deg);
            transform: translate(-205.6px, -154.8px) rotate(181deg);
    opacity: 1.3535735092;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(181deg);
            transform: translate(-232px, -128px) rotate(181deg);
    opacity: 1.3535735092;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(181deg);
            transform: translate(-259.8px, -90px) rotate(181deg);
    opacity: 1.3535735092;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(181deg);
            transform: translate(-288.6px, -40px) rotate(181deg);
    opacity: 1.3535735092;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(181deg);
            transform: translate(-318.8px, 23px) rotate(181deg);
    opacity: 0.6767867546;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(181deg);
            transform: translate(-350px, 100px) rotate(181deg);
    opacity: 0;
  }
}
@keyframes drop-right-127 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(181deg);
            transform: translate(0px, 0px) rotate(181deg);
    opacity: 1.3535735092;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(181deg);
            transform: translate(-25.2px, -60px) rotate(181deg);
    opacity: 1.3535735092;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(181deg);
            transform: translate(-56px, -115.2px) rotate(181deg);
    opacity: 1.3535735092;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(181deg);
            transform: translate(-92.2px, -157.4px) rotate(181deg);
    opacity: 1.3535735092;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(181deg);
            transform: translate(-112.4px, -171.2px) rotate(181deg);
    opacity: 1.3535735092;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(181deg);
            transform: translate(-133.8px, -178.8px) rotate(181deg);
    opacity: 1.3535735092;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(181deg);
            transform: translate(-156.4px, -179.2px) rotate(181deg);
    opacity: 1.3535735092;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(181deg);
            transform: translate(-180.4px, -171.6px) rotate(181deg);
    opacity: 1.3535735092;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(181deg);
            transform: translate(-205.6px, -154.8px) rotate(181deg);
    opacity: 1.3535735092;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(181deg);
            transform: translate(-232px, -128px) rotate(181deg);
    opacity: 1.3535735092;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(181deg);
            transform: translate(-259.8px, -90px) rotate(181deg);
    opacity: 1.3535735092;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(181deg);
            transform: translate(-288.6px, -40px) rotate(181deg);
    opacity: 1.3535735092;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(181deg);
            transform: translate(-318.8px, 23px) rotate(181deg);
    opacity: 0.6767867546;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(181deg);
            transform: translate(-350px, 100px) rotate(181deg);
    opacity: 0;
  }
}
.confetti-left-128,
.confetti-right-128 {
  background-color: transparent;
  border-bottom: 8.5px solid #E61D47;
  border-left: 4.25px solid transparent;
  border-right: 4.25px solid transparent;
  height: 0;
  width: 8.5px;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-128 {
  -webkit-animation: drop-left-128 1.8211358272s 1.3832846357s 2 forwards;
          animation: drop-left-128 1.8211358272s 1.3832846357s 2 forwards;
}

.confetti-right-128 {
  -webkit-animation: drop-right-128 1.2433821979s 0.8945640633s 2 forwards;
          animation: drop-right-128 1.2433821979s 0.8945640633s 2 forwards;
}

@-webkit-keyframes drop-left-128 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(19deg);
            transform: translate(0px, 0px) rotate(19deg);
    opacity: 0.6007355565;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(19deg);
            transform: translate(3.15px, -7.5px) rotate(19deg);
    opacity: 0.6007355565;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(19deg);
            transform: translate(7px, -14.4px) rotate(19deg);
    opacity: 0.6007355565;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(19deg);
            transform: translate(11.525px, -19.675px) rotate(19deg);
    opacity: 0.6007355565;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(19deg);
            transform: translate(14.05px, -21.4px) rotate(19deg);
    opacity: 0.6007355565;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(19deg);
            transform: translate(16.725px, -22.35px) rotate(19deg);
    opacity: 0.6007355565;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(19deg);
            transform: translate(19.55px, -22.4px) rotate(19deg);
    opacity: 0.6007355565;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(19deg);
            transform: translate(22.55px, -21.45px) rotate(19deg);
    opacity: 0.6007355565;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(19deg);
            transform: translate(25.7px, -19.35px) rotate(19deg);
    opacity: 0.6007355565;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(19deg);
            transform: translate(29px, -16px) rotate(19deg);
    opacity: 0.6007355565;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(19deg);
            transform: translate(32.475px, -11.25px) rotate(19deg);
    opacity: 0.6007355565;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(19deg);
            transform: translate(36.075px, -5px) rotate(19deg);
    opacity: 0.6007355565;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(19deg);
            transform: translate(39.85px, 2.875px) rotate(19deg);
    opacity: 0.3003677783;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(19deg);
            transform: translate(43.75px, 12.5px) rotate(19deg);
    opacity: 0;
  }
}

@keyframes drop-left-128 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(19deg);
            transform: translate(0px, 0px) rotate(19deg);
    opacity: 0.6007355565;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(19deg);
            transform: translate(3.15px, -7.5px) rotate(19deg);
    opacity: 0.6007355565;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(19deg);
            transform: translate(7px, -14.4px) rotate(19deg);
    opacity: 0.6007355565;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(19deg);
            transform: translate(11.525px, -19.675px) rotate(19deg);
    opacity: 0.6007355565;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(19deg);
            transform: translate(14.05px, -21.4px) rotate(19deg);
    opacity: 0.6007355565;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(19deg);
            transform: translate(16.725px, -22.35px) rotate(19deg);
    opacity: 0.6007355565;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(19deg);
            transform: translate(19.55px, -22.4px) rotate(19deg);
    opacity: 0.6007355565;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(19deg);
            transform: translate(22.55px, -21.45px) rotate(19deg);
    opacity: 0.6007355565;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(19deg);
            transform: translate(25.7px, -19.35px) rotate(19deg);
    opacity: 0.6007355565;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(19deg);
            transform: translate(29px, -16px) rotate(19deg);
    opacity: 0.6007355565;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(19deg);
            transform: translate(32.475px, -11.25px) rotate(19deg);
    opacity: 0.6007355565;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(19deg);
            transform: translate(36.075px, -5px) rotate(19deg);
    opacity: 0.6007355565;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(19deg);
            transform: translate(39.85px, 2.875px) rotate(19deg);
    opacity: 0.3003677783;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(19deg);
            transform: translate(43.75px, 12.5px) rotate(19deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-128 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(109deg);
            transform: translate(0px, 0px) rotate(109deg);
    opacity: 0.788087071;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(109deg);
            transform: translate(-18.9px, -45px) rotate(109deg);
    opacity: 0.788087071;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(109deg);
            transform: translate(-42px, -86.4px) rotate(109deg);
    opacity: 0.788087071;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(109deg);
            transform: translate(-69.15px, -118.05px) rotate(109deg);
    opacity: 0.788087071;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(109deg);
            transform: translate(-84.3px, -128.4px) rotate(109deg);
    opacity: 0.788087071;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(109deg);
            transform: translate(-100.35px, -134.1px) rotate(109deg);
    opacity: 0.788087071;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(109deg);
            transform: translate(-117.3px, -134.4px) rotate(109deg);
    opacity: 0.788087071;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(109deg);
            transform: translate(-135.3px, -128.7px) rotate(109deg);
    opacity: 0.788087071;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(109deg);
            transform: translate(-154.2px, -116.1px) rotate(109deg);
    opacity: 0.788087071;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(109deg);
            transform: translate(-174px, -96px) rotate(109deg);
    opacity: 0.788087071;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(109deg);
            transform: translate(-194.85px, -67.5px) rotate(109deg);
    opacity: 0.788087071;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(109deg);
            transform: translate(-216.45px, -30px) rotate(109deg);
    opacity: 0.788087071;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(109deg);
            transform: translate(-239.1px, 17.25px) rotate(109deg);
    opacity: 0.3940435355;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(109deg);
            transform: translate(-262.5px, 75px) rotate(109deg);
    opacity: 0;
  }
}
@keyframes drop-right-128 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(109deg);
            transform: translate(0px, 0px) rotate(109deg);
    opacity: 0.788087071;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(109deg);
            transform: translate(-18.9px, -45px) rotate(109deg);
    opacity: 0.788087071;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(109deg);
            transform: translate(-42px, -86.4px) rotate(109deg);
    opacity: 0.788087071;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(109deg);
            transform: translate(-69.15px, -118.05px) rotate(109deg);
    opacity: 0.788087071;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(109deg);
            transform: translate(-84.3px, -128.4px) rotate(109deg);
    opacity: 0.788087071;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(109deg);
            transform: translate(-100.35px, -134.1px) rotate(109deg);
    opacity: 0.788087071;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(109deg);
            transform: translate(-117.3px, -134.4px) rotate(109deg);
    opacity: 0.788087071;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(109deg);
            transform: translate(-135.3px, -128.7px) rotate(109deg);
    opacity: 0.788087071;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(109deg);
            transform: translate(-154.2px, -116.1px) rotate(109deg);
    opacity: 0.788087071;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(109deg);
            transform: translate(-174px, -96px) rotate(109deg);
    opacity: 0.788087071;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(109deg);
            transform: translate(-194.85px, -67.5px) rotate(109deg);
    opacity: 0.788087071;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(109deg);
            transform: translate(-216.45px, -30px) rotate(109deg);
    opacity: 0.788087071;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(109deg);
            transform: translate(-239.1px, 17.25px) rotate(109deg);
    opacity: 0.3940435355;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(109deg);
            transform: translate(-262.5px, 75px) rotate(109deg);
    opacity: 0;
  }
}
.confetti-left-129,
.confetti-right-129 {
  width: 3.6px;
  height: 3.6px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-129 {
  -webkit-animation: drop-left-129 1.1891541224s 1.1610116831s 2 forwards;
          animation: drop-left-129 1.1891541224s 1.1610116831s 2 forwards;
}

.confetti-right-129 {
  -webkit-animation: drop-right-129 1.2594952762s 1.4462778037s 2 forwards;
          animation: drop-right-129 1.2594952762s 1.4462778037s 2 forwards;
}

@-webkit-keyframes drop-left-129 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(14deg);
            transform: translate(0px, 0px) rotate(14deg);
    opacity: 1.4272576385;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(14deg);
            transform: translate(9.45px, -22.5px) rotate(14deg);
    opacity: 1.4272576385;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(14deg);
            transform: translate(21px, -43.2px) rotate(14deg);
    opacity: 1.4272576385;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(14deg);
            transform: translate(34.575px, -59.025px) rotate(14deg);
    opacity: 1.4272576385;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(14deg);
            transform: translate(42.15px, -64.2px) rotate(14deg);
    opacity: 1.4272576385;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(14deg);
            transform: translate(50.175px, -67.05px) rotate(14deg);
    opacity: 1.4272576385;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(14deg);
            transform: translate(58.65px, -67.2px) rotate(14deg);
    opacity: 1.4272576385;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(14deg);
            transform: translate(67.65px, -64.35px) rotate(14deg);
    opacity: 1.4272576385;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(14deg);
            transform: translate(77.1px, -58.05px) rotate(14deg);
    opacity: 1.4272576385;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(14deg);
            transform: translate(87px, -48px) rotate(14deg);
    opacity: 1.4272576385;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(14deg);
            transform: translate(97.425px, -33.75px) rotate(14deg);
    opacity: 1.4272576385;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(14deg);
            transform: translate(108.225px, -15px) rotate(14deg);
    opacity: 1.4272576385;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(14deg);
            transform: translate(119.55px, 8.625px) rotate(14deg);
    opacity: 0.7136288192;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(14deg);
            transform: translate(131.25px, 37.5px) rotate(14deg);
    opacity: 0;
  }
}

@keyframes drop-left-129 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(14deg);
            transform: translate(0px, 0px) rotate(14deg);
    opacity: 1.4272576385;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(14deg);
            transform: translate(9.45px, -22.5px) rotate(14deg);
    opacity: 1.4272576385;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(14deg);
            transform: translate(21px, -43.2px) rotate(14deg);
    opacity: 1.4272576385;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(14deg);
            transform: translate(34.575px, -59.025px) rotate(14deg);
    opacity: 1.4272576385;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(14deg);
            transform: translate(42.15px, -64.2px) rotate(14deg);
    opacity: 1.4272576385;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(14deg);
            transform: translate(50.175px, -67.05px) rotate(14deg);
    opacity: 1.4272576385;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(14deg);
            transform: translate(58.65px, -67.2px) rotate(14deg);
    opacity: 1.4272576385;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(14deg);
            transform: translate(67.65px, -64.35px) rotate(14deg);
    opacity: 1.4272576385;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(14deg);
            transform: translate(77.1px, -58.05px) rotate(14deg);
    opacity: 1.4272576385;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(14deg);
            transform: translate(87px, -48px) rotate(14deg);
    opacity: 1.4272576385;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(14deg);
            transform: translate(97.425px, -33.75px) rotate(14deg);
    opacity: 1.4272576385;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(14deg);
            transform: translate(108.225px, -15px) rotate(14deg);
    opacity: 1.4272576385;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(14deg);
            transform: translate(119.55px, 8.625px) rotate(14deg);
    opacity: 0.7136288192;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(14deg);
            transform: translate(131.25px, 37.5px) rotate(14deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-129 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(6deg);
            transform: translate(0px, 0px) rotate(6deg);
    opacity: 1.2472329367;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(6deg);
            transform: translate(-25.2px, -60px) rotate(6deg);
    opacity: 1.2472329367;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(6deg);
            transform: translate(-56px, -115.2px) rotate(6deg);
    opacity: 1.2472329367;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(6deg);
            transform: translate(-92.2px, -157.4px) rotate(6deg);
    opacity: 1.2472329367;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(6deg);
            transform: translate(-112.4px, -171.2px) rotate(6deg);
    opacity: 1.2472329367;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(6deg);
            transform: translate(-133.8px, -178.8px) rotate(6deg);
    opacity: 1.2472329367;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(6deg);
            transform: translate(-156.4px, -179.2px) rotate(6deg);
    opacity: 1.2472329367;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(6deg);
            transform: translate(-180.4px, -171.6px) rotate(6deg);
    opacity: 1.2472329367;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(6deg);
            transform: translate(-205.6px, -154.8px) rotate(6deg);
    opacity: 1.2472329367;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(6deg);
            transform: translate(-232px, -128px) rotate(6deg);
    opacity: 1.2472329367;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(6deg);
            transform: translate(-259.8px, -90px) rotate(6deg);
    opacity: 1.2472329367;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(6deg);
            transform: translate(-288.6px, -40px) rotate(6deg);
    opacity: 1.2472329367;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(6deg);
            transform: translate(-318.8px, 23px) rotate(6deg);
    opacity: 0.6236164684;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(6deg);
            transform: translate(-350px, 100px) rotate(6deg);
    opacity: 0;
  }
}
@keyframes drop-right-129 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(6deg);
            transform: translate(0px, 0px) rotate(6deg);
    opacity: 1.2472329367;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(6deg);
            transform: translate(-25.2px, -60px) rotate(6deg);
    opacity: 1.2472329367;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(6deg);
            transform: translate(-56px, -115.2px) rotate(6deg);
    opacity: 1.2472329367;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(6deg);
            transform: translate(-92.2px, -157.4px) rotate(6deg);
    opacity: 1.2472329367;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(6deg);
            transform: translate(-112.4px, -171.2px) rotate(6deg);
    opacity: 1.2472329367;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(6deg);
            transform: translate(-133.8px, -178.8px) rotate(6deg);
    opacity: 1.2472329367;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(6deg);
            transform: translate(-156.4px, -179.2px) rotate(6deg);
    opacity: 1.2472329367;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(6deg);
            transform: translate(-180.4px, -171.6px) rotate(6deg);
    opacity: 1.2472329367;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(6deg);
            transform: translate(-205.6px, -154.8px) rotate(6deg);
    opacity: 1.2472329367;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(6deg);
            transform: translate(-232px, -128px) rotate(6deg);
    opacity: 1.2472329367;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(6deg);
            transform: translate(-259.8px, -90px) rotate(6deg);
    opacity: 1.2472329367;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(6deg);
            transform: translate(-288.6px, -40px) rotate(6deg);
    opacity: 1.2472329367;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(6deg);
            transform: translate(-318.8px, 23px) rotate(6deg);
    opacity: 0.6236164684;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(6deg);
            transform: translate(-350px, 100px) rotate(6deg);
    opacity: 0;
  }
}
.confetti-left-130,
.confetti-right-130 {
  width: 11px;
  height: 4.4px;
  background-color: #E61D47;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-130 {
  -webkit-animation: drop-left-130 1.7937959291s 1.1224737142s 2 forwards;
          animation: drop-left-130 1.7937959291s 1.1224737142s 2 forwards;
}

.confetti-right-130 {
  -webkit-animation: drop-right-130 1.3619275718s 1.3329844323s 2 forwards;
          animation: drop-right-130 1.3619275718s 1.3329844323s 2 forwards;
}

@-webkit-keyframes drop-left-130 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(331deg);
            transform: translate(0px, 0px) rotate(331deg);
    opacity: 1.3571968466;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(331deg);
            transform: translate(12.6px, -30px) rotate(331deg);
    opacity: 1.3571968466;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(331deg);
            transform: translate(28px, -57.6px) rotate(331deg);
    opacity: 1.3571968466;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(331deg);
            transform: translate(46.1px, -78.7px) rotate(331deg);
    opacity: 1.3571968466;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(331deg);
            transform: translate(56.2px, -85.6px) rotate(331deg);
    opacity: 1.3571968466;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(331deg);
            transform: translate(66.9px, -89.4px) rotate(331deg);
    opacity: 1.3571968466;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(331deg);
            transform: translate(78.2px, -89.6px) rotate(331deg);
    opacity: 1.3571968466;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(331deg);
            transform: translate(90.2px, -85.8px) rotate(331deg);
    opacity: 1.3571968466;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(331deg);
            transform: translate(102.8px, -77.4px) rotate(331deg);
    opacity: 1.3571968466;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(331deg);
            transform: translate(116px, -64px) rotate(331deg);
    opacity: 1.3571968466;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(331deg);
            transform: translate(129.9px, -45px) rotate(331deg);
    opacity: 1.3571968466;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(331deg);
            transform: translate(144.3px, -20px) rotate(331deg);
    opacity: 1.3571968466;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(331deg);
            transform: translate(159.4px, 11.5px) rotate(331deg);
    opacity: 0.6785984233;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(331deg);
            transform: translate(175px, 50px) rotate(331deg);
    opacity: 0;
  }
}

@keyframes drop-left-130 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(331deg);
            transform: translate(0px, 0px) rotate(331deg);
    opacity: 1.3571968466;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(331deg);
            transform: translate(12.6px, -30px) rotate(331deg);
    opacity: 1.3571968466;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(331deg);
            transform: translate(28px, -57.6px) rotate(331deg);
    opacity: 1.3571968466;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(331deg);
            transform: translate(46.1px, -78.7px) rotate(331deg);
    opacity: 1.3571968466;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(331deg);
            transform: translate(56.2px, -85.6px) rotate(331deg);
    opacity: 1.3571968466;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(331deg);
            transform: translate(66.9px, -89.4px) rotate(331deg);
    opacity: 1.3571968466;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(331deg);
            transform: translate(78.2px, -89.6px) rotate(331deg);
    opacity: 1.3571968466;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(331deg);
            transform: translate(90.2px, -85.8px) rotate(331deg);
    opacity: 1.3571968466;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(331deg);
            transform: translate(102.8px, -77.4px) rotate(331deg);
    opacity: 1.3571968466;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(331deg);
            transform: translate(116px, -64px) rotate(331deg);
    opacity: 1.3571968466;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(331deg);
            transform: translate(129.9px, -45px) rotate(331deg);
    opacity: 1.3571968466;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(331deg);
            transform: translate(144.3px, -20px) rotate(331deg);
    opacity: 1.3571968466;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(331deg);
            transform: translate(159.4px, 11.5px) rotate(331deg);
    opacity: 0.6785984233;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(331deg);
            transform: translate(175px, 50px) rotate(331deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-130 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(348deg);
            transform: translate(0px, 0px) rotate(348deg);
    opacity: 1.0232760148;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(348deg);
            transform: translate(-6.3px, -15px) rotate(348deg);
    opacity: 1.0232760148;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(348deg);
            transform: translate(-14px, -28.8px) rotate(348deg);
    opacity: 1.0232760148;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(348deg);
            transform: translate(-23.05px, -39.35px) rotate(348deg);
    opacity: 1.0232760148;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(348deg);
            transform: translate(-28.1px, -42.8px) rotate(348deg);
    opacity: 1.0232760148;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(348deg);
            transform: translate(-33.45px, -44.7px) rotate(348deg);
    opacity: 1.0232760148;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(348deg);
            transform: translate(-39.1px, -44.8px) rotate(348deg);
    opacity: 1.0232760148;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(348deg);
            transform: translate(-45.1px, -42.9px) rotate(348deg);
    opacity: 1.0232760148;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(348deg);
            transform: translate(-51.4px, -38.7px) rotate(348deg);
    opacity: 1.0232760148;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(348deg);
            transform: translate(-58px, -32px) rotate(348deg);
    opacity: 1.0232760148;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(348deg);
            transform: translate(-64.95px, -22.5px) rotate(348deg);
    opacity: 1.0232760148;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(348deg);
            transform: translate(-72.15px, -10px) rotate(348deg);
    opacity: 1.0232760148;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(348deg);
            transform: translate(-79.7px, 5.75px) rotate(348deg);
    opacity: 0.5116380074;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(348deg);
            transform: translate(-87.5px, 25px) rotate(348deg);
    opacity: 0;
  }
}
@keyframes drop-right-130 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(348deg);
            transform: translate(0px, 0px) rotate(348deg);
    opacity: 1.0232760148;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(348deg);
            transform: translate(-6.3px, -15px) rotate(348deg);
    opacity: 1.0232760148;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(348deg);
            transform: translate(-14px, -28.8px) rotate(348deg);
    opacity: 1.0232760148;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(348deg);
            transform: translate(-23.05px, -39.35px) rotate(348deg);
    opacity: 1.0232760148;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(348deg);
            transform: translate(-28.1px, -42.8px) rotate(348deg);
    opacity: 1.0232760148;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(348deg);
            transform: translate(-33.45px, -44.7px) rotate(348deg);
    opacity: 1.0232760148;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(348deg);
            transform: translate(-39.1px, -44.8px) rotate(348deg);
    opacity: 1.0232760148;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(348deg);
            transform: translate(-45.1px, -42.9px) rotate(348deg);
    opacity: 1.0232760148;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(348deg);
            transform: translate(-51.4px, -38.7px) rotate(348deg);
    opacity: 1.0232760148;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(348deg);
            transform: translate(-58px, -32px) rotate(348deg);
    opacity: 1.0232760148;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(348deg);
            transform: translate(-64.95px, -22.5px) rotate(348deg);
    opacity: 1.0232760148;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(348deg);
            transform: translate(-72.15px, -10px) rotate(348deg);
    opacity: 1.0232760148;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(348deg);
            transform: translate(-79.7px, 5.75px) rotate(348deg);
    opacity: 0.5116380074;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(348deg);
            transform: translate(-87.5px, 25px) rotate(348deg);
    opacity: 0;
  }
}
.confetti-left-131,
.confetti-right-131 {
  width: 2px;
  height: 0.8px;
  background-color: #E61D47;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-131 {
  -webkit-animation: drop-left-131 1.6636259454s 0.7781000085s 2 forwards;
          animation: drop-left-131 1.6636259454s 0.7781000085s 2 forwards;
}

.confetti-right-131 {
  -webkit-animation: drop-right-131 1.3487046446s 1.0839606508s 2 forwards;
          animation: drop-right-131 1.3487046446s 1.0839606508s 2 forwards;
}

@-webkit-keyframes drop-left-131 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(288deg);
            transform: translate(0px, 0px) rotate(288deg);
    opacity: 0.9779829319;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(288deg);
            transform: translate(25.2px, -60px) rotate(288deg);
    opacity: 0.9779829319;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(288deg);
            transform: translate(56px, -115.2px) rotate(288deg);
    opacity: 0.9779829319;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(288deg);
            transform: translate(92.2px, -157.4px) rotate(288deg);
    opacity: 0.9779829319;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(288deg);
            transform: translate(112.4px, -171.2px) rotate(288deg);
    opacity: 0.9779829319;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(288deg);
            transform: translate(133.8px, -178.8px) rotate(288deg);
    opacity: 0.9779829319;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(288deg);
            transform: translate(156.4px, -179.2px) rotate(288deg);
    opacity: 0.9779829319;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(288deg);
            transform: translate(180.4px, -171.6px) rotate(288deg);
    opacity: 0.9779829319;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(288deg);
            transform: translate(205.6px, -154.8px) rotate(288deg);
    opacity: 0.9779829319;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(288deg);
            transform: translate(232px, -128px) rotate(288deg);
    opacity: 0.9779829319;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(288deg);
            transform: translate(259.8px, -90px) rotate(288deg);
    opacity: 0.9779829319;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(288deg);
            transform: translate(288.6px, -40px) rotate(288deg);
    opacity: 0.9779829319;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(288deg);
            transform: translate(318.8px, 23px) rotate(288deg);
    opacity: 0.4889914659;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(288deg);
            transform: translate(350px, 100px) rotate(288deg);
    opacity: 0;
  }
}

@keyframes drop-left-131 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(288deg);
            transform: translate(0px, 0px) rotate(288deg);
    opacity: 0.9779829319;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(288deg);
            transform: translate(25.2px, -60px) rotate(288deg);
    opacity: 0.9779829319;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(288deg);
            transform: translate(56px, -115.2px) rotate(288deg);
    opacity: 0.9779829319;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(288deg);
            transform: translate(92.2px, -157.4px) rotate(288deg);
    opacity: 0.9779829319;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(288deg);
            transform: translate(112.4px, -171.2px) rotate(288deg);
    opacity: 0.9779829319;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(288deg);
            transform: translate(133.8px, -178.8px) rotate(288deg);
    opacity: 0.9779829319;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(288deg);
            transform: translate(156.4px, -179.2px) rotate(288deg);
    opacity: 0.9779829319;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(288deg);
            transform: translate(180.4px, -171.6px) rotate(288deg);
    opacity: 0.9779829319;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(288deg);
            transform: translate(205.6px, -154.8px) rotate(288deg);
    opacity: 0.9779829319;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(288deg);
            transform: translate(232px, -128px) rotate(288deg);
    opacity: 0.9779829319;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(288deg);
            transform: translate(259.8px, -90px) rotate(288deg);
    opacity: 0.9779829319;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(288deg);
            transform: translate(288.6px, -40px) rotate(288deg);
    opacity: 0.9779829319;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(288deg);
            transform: translate(318.8px, 23px) rotate(288deg);
    opacity: 0.4889914659;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(288deg);
            transform: translate(350px, 100px) rotate(288deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-131 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 0.6055994667;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(187deg);
            transform: translate(-3.15px, -7.5px) rotate(187deg);
    opacity: 0.6055994667;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(187deg);
            transform: translate(-7px, -14.4px) rotate(187deg);
    opacity: 0.6055994667;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(187deg);
            transform: translate(-11.525px, -19.675px) rotate(187deg);
    opacity: 0.6055994667;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(187deg);
            transform: translate(-14.05px, -21.4px) rotate(187deg);
    opacity: 0.6055994667;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(187deg);
            transform: translate(-16.725px, -22.35px) rotate(187deg);
    opacity: 0.6055994667;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(187deg);
            transform: translate(-19.55px, -22.4px) rotate(187deg);
    opacity: 0.6055994667;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(187deg);
            transform: translate(-22.55px, -21.45px) rotate(187deg);
    opacity: 0.6055994667;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(187deg);
            transform: translate(-25.7px, -19.35px) rotate(187deg);
    opacity: 0.6055994667;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(187deg);
            transform: translate(-29px, -16px) rotate(187deg);
    opacity: 0.6055994667;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(187deg);
            transform: translate(-32.475px, -11.25px) rotate(187deg);
    opacity: 0.6055994667;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(187deg);
            transform: translate(-36.075px, -5px) rotate(187deg);
    opacity: 0.6055994667;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(187deg);
            transform: translate(-39.85px, 2.875px) rotate(187deg);
    opacity: 0.3027997334;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(187deg);
            transform: translate(-43.75px, 12.5px) rotate(187deg);
    opacity: 0;
  }
}
@keyframes drop-right-131 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(187deg);
            transform: translate(0px, 0px) rotate(187deg);
    opacity: 0.6055994667;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(187deg);
            transform: translate(-3.15px, -7.5px) rotate(187deg);
    opacity: 0.6055994667;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(187deg);
            transform: translate(-7px, -14.4px) rotate(187deg);
    opacity: 0.6055994667;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(187deg);
            transform: translate(-11.525px, -19.675px) rotate(187deg);
    opacity: 0.6055994667;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(187deg);
            transform: translate(-14.05px, -21.4px) rotate(187deg);
    opacity: 0.6055994667;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(187deg);
            transform: translate(-16.725px, -22.35px) rotate(187deg);
    opacity: 0.6055994667;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(187deg);
            transform: translate(-19.55px, -22.4px) rotate(187deg);
    opacity: 0.6055994667;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(187deg);
            transform: translate(-22.55px, -21.45px) rotate(187deg);
    opacity: 0.6055994667;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(187deg);
            transform: translate(-25.7px, -19.35px) rotate(187deg);
    opacity: 0.6055994667;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(187deg);
            transform: translate(-29px, -16px) rotate(187deg);
    opacity: 0.6055994667;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(187deg);
            transform: translate(-32.475px, -11.25px) rotate(187deg);
    opacity: 0.6055994667;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(187deg);
            transform: translate(-36.075px, -5px) rotate(187deg);
    opacity: 0.6055994667;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(187deg);
            transform: translate(-39.85px, 2.875px) rotate(187deg);
    opacity: 0.3027997334;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(187deg);
            transform: translate(-43.75px, 12.5px) rotate(187deg);
    opacity: 0;
  }
}
.confetti-left-132,
.confetti-right-132 {
  background-color: transparent;
  border-bottom: 9px solid #3FA5C3;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  height: 0;
  width: 9px;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-132 {
  -webkit-animation: drop-left-132 1.1555930324s 1.2157509499s 2 forwards;
          animation: drop-left-132 1.1555930324s 1.2157509499s 2 forwards;
}

.confetti-right-132 {
  -webkit-animation: drop-right-132 1.7792785903s 1.2621813729s 2 forwards;
          animation: drop-right-132 1.7792785903s 1.2621813729s 2 forwards;
}

@-webkit-keyframes drop-left-132 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 1.2666185989;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(292deg);
            transform: translate(28.35px, -67.5px) rotate(292deg);
    opacity: 1.2666185989;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(292deg);
            transform: translate(63px, -129.6px) rotate(292deg);
    opacity: 1.2666185989;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(292deg);
            transform: translate(103.725px, -177.075px) rotate(292deg);
    opacity: 1.2666185989;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(292deg);
            transform: translate(126.45px, -192.6px) rotate(292deg);
    opacity: 1.2666185989;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(292deg);
            transform: translate(150.525px, -201.15px) rotate(292deg);
    opacity: 1.2666185989;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(292deg);
            transform: translate(175.95px, -201.6px) rotate(292deg);
    opacity: 1.2666185989;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(292deg);
            transform: translate(202.95px, -193.05px) rotate(292deg);
    opacity: 1.2666185989;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(292deg);
            transform: translate(231.3px, -174.15px) rotate(292deg);
    opacity: 1.2666185989;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(292deg);
            transform: translate(261px, -144px) rotate(292deg);
    opacity: 1.2666185989;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(292deg);
            transform: translate(292.275px, -101.25px) rotate(292deg);
    opacity: 1.2666185989;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(292deg);
            transform: translate(324.675px, -45px) rotate(292deg);
    opacity: 1.2666185989;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(292deg);
            transform: translate(358.65px, 25.875px) rotate(292deg);
    opacity: 0.6333092995;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(292deg);
            transform: translate(393.75px, 112.5px) rotate(292deg);
    opacity: 0;
  }
}

@keyframes drop-left-132 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 1.2666185989;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(292deg);
            transform: translate(28.35px, -67.5px) rotate(292deg);
    opacity: 1.2666185989;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(292deg);
            transform: translate(63px, -129.6px) rotate(292deg);
    opacity: 1.2666185989;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(292deg);
            transform: translate(103.725px, -177.075px) rotate(292deg);
    opacity: 1.2666185989;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(292deg);
            transform: translate(126.45px, -192.6px) rotate(292deg);
    opacity: 1.2666185989;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(292deg);
            transform: translate(150.525px, -201.15px) rotate(292deg);
    opacity: 1.2666185989;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(292deg);
            transform: translate(175.95px, -201.6px) rotate(292deg);
    opacity: 1.2666185989;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(292deg);
            transform: translate(202.95px, -193.05px) rotate(292deg);
    opacity: 1.2666185989;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(292deg);
            transform: translate(231.3px, -174.15px) rotate(292deg);
    opacity: 1.2666185989;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(292deg);
            transform: translate(261px, -144px) rotate(292deg);
    opacity: 1.2666185989;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(292deg);
            transform: translate(292.275px, -101.25px) rotate(292deg);
    opacity: 1.2666185989;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(292deg);
            transform: translate(324.675px, -45px) rotate(292deg);
    opacity: 1.2666185989;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(292deg);
            transform: translate(358.65px, 25.875px) rotate(292deg);
    opacity: 0.6333092995;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(292deg);
            transform: translate(393.75px, 112.5px) rotate(292deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-132 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(137deg);
            transform: translate(0px, 0px) rotate(137deg);
    opacity: 1.1312907068;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(137deg);
            transform: translate(-18.9px, -45px) rotate(137deg);
    opacity: 1.1312907068;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(137deg);
            transform: translate(-42px, -86.4px) rotate(137deg);
    opacity: 1.1312907068;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(137deg);
            transform: translate(-69.15px, -118.05px) rotate(137deg);
    opacity: 1.1312907068;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(137deg);
            transform: translate(-84.3px, -128.4px) rotate(137deg);
    opacity: 1.1312907068;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(137deg);
            transform: translate(-100.35px, -134.1px) rotate(137deg);
    opacity: 1.1312907068;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(137deg);
            transform: translate(-117.3px, -134.4px) rotate(137deg);
    opacity: 1.1312907068;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(137deg);
            transform: translate(-135.3px, -128.7px) rotate(137deg);
    opacity: 1.1312907068;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(137deg);
            transform: translate(-154.2px, -116.1px) rotate(137deg);
    opacity: 1.1312907068;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(137deg);
            transform: translate(-174px, -96px) rotate(137deg);
    opacity: 1.1312907068;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(137deg);
            transform: translate(-194.85px, -67.5px) rotate(137deg);
    opacity: 1.1312907068;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(137deg);
            transform: translate(-216.45px, -30px) rotate(137deg);
    opacity: 1.1312907068;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(137deg);
            transform: translate(-239.1px, 17.25px) rotate(137deg);
    opacity: 0.5656453534;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(137deg);
            transform: translate(-262.5px, 75px) rotate(137deg);
    opacity: 0;
  }
}
@keyframes drop-right-132 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(137deg);
            transform: translate(0px, 0px) rotate(137deg);
    opacity: 1.1312907068;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(137deg);
            transform: translate(-18.9px, -45px) rotate(137deg);
    opacity: 1.1312907068;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(137deg);
            transform: translate(-42px, -86.4px) rotate(137deg);
    opacity: 1.1312907068;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(137deg);
            transform: translate(-69.15px, -118.05px) rotate(137deg);
    opacity: 1.1312907068;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(137deg);
            transform: translate(-84.3px, -128.4px) rotate(137deg);
    opacity: 1.1312907068;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(137deg);
            transform: translate(-100.35px, -134.1px) rotate(137deg);
    opacity: 1.1312907068;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(137deg);
            transform: translate(-117.3px, -134.4px) rotate(137deg);
    opacity: 1.1312907068;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(137deg);
            transform: translate(-135.3px, -128.7px) rotate(137deg);
    opacity: 1.1312907068;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(137deg);
            transform: translate(-154.2px, -116.1px) rotate(137deg);
    opacity: 1.1312907068;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(137deg);
            transform: translate(-174px, -96px) rotate(137deg);
    opacity: 1.1312907068;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(137deg);
            transform: translate(-194.85px, -67.5px) rotate(137deg);
    opacity: 1.1312907068;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(137deg);
            transform: translate(-216.45px, -30px) rotate(137deg);
    opacity: 1.1312907068;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(137deg);
            transform: translate(-239.1px, 17.25px) rotate(137deg);
    opacity: 0.5656453534;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(137deg);
            transform: translate(-262.5px, 75px) rotate(137deg);
    opacity: 0;
  }
}
.confetti-left-133,
.confetti-right-133 {
  background-color: transparent;
  border-bottom: 9px solid #E61D47;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  height: 0;
  width: 9px;
  top: calc(25% - 18px);
  left: calc(50% - 5.4px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-133 {
  -webkit-animation: drop-left-133 1.0724643194s 0.7176924766s 2 forwards;
          animation: drop-left-133 1.0724643194s 0.7176924766s 2 forwards;
}

.confetti-right-133 {
  -webkit-animation: drop-right-133 1.9259543799s 0.624138574s 2 forwards;
          animation: drop-right-133 1.9259543799s 0.624138574s 2 forwards;
}

@-webkit-keyframes drop-left-133 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(211deg);
            transform: translate(0px, 0px) rotate(211deg);
    opacity: 0.9661488358;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(211deg);
            transform: translate(9.45px, -22.5px) rotate(211deg);
    opacity: 0.9661488358;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(211deg);
            transform: translate(21px, -43.2px) rotate(211deg);
    opacity: 0.9661488358;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(211deg);
            transform: translate(34.575px, -59.025px) rotate(211deg);
    opacity: 0.9661488358;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(211deg);
            transform: translate(42.15px, -64.2px) rotate(211deg);
    opacity: 0.9661488358;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(211deg);
            transform: translate(50.175px, -67.05px) rotate(211deg);
    opacity: 0.9661488358;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(211deg);
            transform: translate(58.65px, -67.2px) rotate(211deg);
    opacity: 0.9661488358;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(211deg);
            transform: translate(67.65px, -64.35px) rotate(211deg);
    opacity: 0.9661488358;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(211deg);
            transform: translate(77.1px, -58.05px) rotate(211deg);
    opacity: 0.9661488358;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(211deg);
            transform: translate(87px, -48px) rotate(211deg);
    opacity: 0.9661488358;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(211deg);
            transform: translate(97.425px, -33.75px) rotate(211deg);
    opacity: 0.9661488358;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(211deg);
            transform: translate(108.225px, -15px) rotate(211deg);
    opacity: 0.9661488358;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(211deg);
            transform: translate(119.55px, 8.625px) rotate(211deg);
    opacity: 0.4830744179;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(211deg);
            transform: translate(131.25px, 37.5px) rotate(211deg);
    opacity: 0;
  }
}

@keyframes drop-left-133 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(211deg);
            transform: translate(0px, 0px) rotate(211deg);
    opacity: 0.9661488358;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(211deg);
            transform: translate(9.45px, -22.5px) rotate(211deg);
    opacity: 0.9661488358;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(211deg);
            transform: translate(21px, -43.2px) rotate(211deg);
    opacity: 0.9661488358;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(211deg);
            transform: translate(34.575px, -59.025px) rotate(211deg);
    opacity: 0.9661488358;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(211deg);
            transform: translate(42.15px, -64.2px) rotate(211deg);
    opacity: 0.9661488358;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(211deg);
            transform: translate(50.175px, -67.05px) rotate(211deg);
    opacity: 0.9661488358;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(211deg);
            transform: translate(58.65px, -67.2px) rotate(211deg);
    opacity: 0.9661488358;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(211deg);
            transform: translate(67.65px, -64.35px) rotate(211deg);
    opacity: 0.9661488358;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(211deg);
            transform: translate(77.1px, -58.05px) rotate(211deg);
    opacity: 0.9661488358;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(211deg);
            transform: translate(87px, -48px) rotate(211deg);
    opacity: 0.9661488358;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(211deg);
            transform: translate(97.425px, -33.75px) rotate(211deg);
    opacity: 0.9661488358;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(211deg);
            transform: translate(108.225px, -15px) rotate(211deg);
    opacity: 0.9661488358;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(211deg);
            transform: translate(119.55px, 8.625px) rotate(211deg);
    opacity: 0.4830744179;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(211deg);
            transform: translate(131.25px, 37.5px) rotate(211deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-133 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(188deg);
            transform: translate(0px, 0px) rotate(188deg);
    opacity: 1.3770662254;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(188deg);
            transform: translate(-22.05px, -52.5px) rotate(188deg);
    opacity: 1.3770662254;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(188deg);
            transform: translate(-49px, -100.8px) rotate(188deg);
    opacity: 1.3770662254;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(188deg);
            transform: translate(-80.675px, -137.725px) rotate(188deg);
    opacity: 1.3770662254;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(188deg);
            transform: translate(-98.35px, -149.8px) rotate(188deg);
    opacity: 1.3770662254;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(188deg);
            transform: translate(-117.075px, -156.45px) rotate(188deg);
    opacity: 1.3770662254;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(188deg);
            transform: translate(-136.85px, -156.8px) rotate(188deg);
    opacity: 1.3770662254;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(188deg);
            transform: translate(-157.85px, -150.15px) rotate(188deg);
    opacity: 1.3770662254;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(188deg);
            transform: translate(-179.9px, -135.45px) rotate(188deg);
    opacity: 1.3770662254;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(188deg);
            transform: translate(-203px, -112px) rotate(188deg);
    opacity: 1.3770662254;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(188deg);
            transform: translate(-227.325px, -78.75px) rotate(188deg);
    opacity: 1.3770662254;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(188deg);
            transform: translate(-252.525px, -35px) rotate(188deg);
    opacity: 1.3770662254;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(188deg);
            transform: translate(-278.95px, 20.125px) rotate(188deg);
    opacity: 0.6885331127;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(188deg);
            transform: translate(-306.25px, 87.5px) rotate(188deg);
    opacity: 0;
  }
}
@keyframes drop-right-133 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(188deg);
            transform: translate(0px, 0px) rotate(188deg);
    opacity: 1.3770662254;
  }
  10.7882% {
    -webkit-transform: translate(-22.05px, -52.5px) rotate(188deg);
            transform: translate(-22.05px, -52.5px) rotate(188deg);
    opacity: 1.3770662254;
  }
  21.2266% {
    -webkit-transform: translate(-49px, -100.8px) rotate(188deg);
            transform: translate(-49px, -100.8px) rotate(188deg);
    opacity: 1.3770662254;
  }
  30.4208% {
    -webkit-transform: translate(-80.675px, -137.725px) rotate(188deg);
            transform: translate(-80.675px, -137.725px) rotate(188deg);
    opacity: 1.3770662254;
  }
  34.4519% {
    -webkit-transform: translate(-98.35px, -149.8px) rotate(188deg);
            transform: translate(-98.35px, -149.8px) rotate(188deg);
    opacity: 1.3770662254;
  }
  38.2085% {
    -webkit-transform: translate(-117.075px, -156.45px) rotate(188deg);
            transform: translate(-117.075px, -156.45px) rotate(188deg);
    opacity: 1.3770662254;
  }
  41.9607% {
    -webkit-transform: translate(-136.85px, -156.8px) rotate(188deg);
            transform: translate(-136.85px, -156.8px) rotate(188deg);
    opacity: 1.3770662254;
  }
  46.1202% {
    -webkit-transform: translate(-157.85px, -150.15px) rotate(188deg);
            transform: translate(-157.85px, -150.15px) rotate(188deg);
    opacity: 1.3770662254;
  }
  51.1287% {
    -webkit-transform: translate(-179.9px, -135.45px) rotate(188deg);
            transform: translate(-179.9px, -135.45px) rotate(188deg);
    opacity: 1.3770662254;
  }
  57.3654% {
    -webkit-transform: translate(-203px, -112px) rotate(188deg);
            transform: translate(-203px, -112px) rotate(188deg);
    opacity: 1.3770662254;
  }
  65.1344% {
    -webkit-transform: translate(-227.325px, -78.75px) rotate(188deg);
            transform: translate(-227.325px, -78.75px) rotate(188deg);
    opacity: 1.3770662254;
  }
  74.6872% {
    -webkit-transform: translate(-252.525px, -35px) rotate(188deg);
            transform: translate(-252.525px, -35px) rotate(188deg);
    opacity: 1.3770662254;
  }
  86.2425% {
    -webkit-transform: translate(-278.95px, 20.125px) rotate(188deg);
            transform: translate(-278.95px, 20.125px) rotate(188deg);
    opacity: 0.6885331127;
  }
  100.0000% {
    -webkit-transform: translate(-306.25px, 87.5px) rotate(188deg);
            transform: translate(-306.25px, 87.5px) rotate(188deg);
    opacity: 0;
  }
}
.confetti-left-134,
.confetti-right-134 {
  width: 4.2px;
  height: 4.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F4BB2F;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-134 {
  -webkit-animation: drop-left-134 1.0179647907s 1.2167136448s 2 forwards;
          animation: drop-left-134 1.0179647907s 1.2167136448s 2 forwards;
}

.confetti-right-134 {
  -webkit-animation: drop-right-134 1.2757270231s 0.9106338848s 2 forwards;
          animation: drop-right-134 1.2757270231s 0.9106338848s 2 forwards;
}

@-webkit-keyframes drop-left-134 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(89deg);
            transform: translate(0px, 0px) rotate(89deg);
    opacity: 1.2366555382;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(89deg);
            transform: translate(3.15px, -7.5px) rotate(89deg);
    opacity: 1.2366555382;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(89deg);
            transform: translate(7px, -14.4px) rotate(89deg);
    opacity: 1.2366555382;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(89deg);
            transform: translate(11.525px, -19.675px) rotate(89deg);
    opacity: 1.2366555382;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(89deg);
            transform: translate(14.05px, -21.4px) rotate(89deg);
    opacity: 1.2366555382;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(89deg);
            transform: translate(16.725px, -22.35px) rotate(89deg);
    opacity: 1.2366555382;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(89deg);
            transform: translate(19.55px, -22.4px) rotate(89deg);
    opacity: 1.2366555382;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(89deg);
            transform: translate(22.55px, -21.45px) rotate(89deg);
    opacity: 1.2366555382;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(89deg);
            transform: translate(25.7px, -19.35px) rotate(89deg);
    opacity: 1.2366555382;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(89deg);
            transform: translate(29px, -16px) rotate(89deg);
    opacity: 1.2366555382;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(89deg);
            transform: translate(32.475px, -11.25px) rotate(89deg);
    opacity: 1.2366555382;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(89deg);
            transform: translate(36.075px, -5px) rotate(89deg);
    opacity: 1.2366555382;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(89deg);
            transform: translate(39.85px, 2.875px) rotate(89deg);
    opacity: 0.6183277691;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(89deg);
            transform: translate(43.75px, 12.5px) rotate(89deg);
    opacity: 0;
  }
}

@keyframes drop-left-134 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(89deg);
            transform: translate(0px, 0px) rotate(89deg);
    opacity: 1.2366555382;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(89deg);
            transform: translate(3.15px, -7.5px) rotate(89deg);
    opacity: 1.2366555382;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(89deg);
            transform: translate(7px, -14.4px) rotate(89deg);
    opacity: 1.2366555382;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(89deg);
            transform: translate(11.525px, -19.675px) rotate(89deg);
    opacity: 1.2366555382;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(89deg);
            transform: translate(14.05px, -21.4px) rotate(89deg);
    opacity: 1.2366555382;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(89deg);
            transform: translate(16.725px, -22.35px) rotate(89deg);
    opacity: 1.2366555382;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(89deg);
            transform: translate(19.55px, -22.4px) rotate(89deg);
    opacity: 1.2366555382;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(89deg);
            transform: translate(22.55px, -21.45px) rotate(89deg);
    opacity: 1.2366555382;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(89deg);
            transform: translate(25.7px, -19.35px) rotate(89deg);
    opacity: 1.2366555382;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(89deg);
            transform: translate(29px, -16px) rotate(89deg);
    opacity: 1.2366555382;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(89deg);
            transform: translate(32.475px, -11.25px) rotate(89deg);
    opacity: 1.2366555382;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(89deg);
            transform: translate(36.075px, -5px) rotate(89deg);
    opacity: 1.2366555382;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(89deg);
            transform: translate(39.85px, 2.875px) rotate(89deg);
    opacity: 0.6183277691;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(89deg);
            transform: translate(43.75px, 12.5px) rotate(89deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-134 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(121deg);
            transform: translate(0px, 0px) rotate(121deg);
    opacity: 0.9290901665;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(121deg);
            transform: translate(-3.15px, -7.5px) rotate(121deg);
    opacity: 0.9290901665;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(121deg);
            transform: translate(-7px, -14.4px) rotate(121deg);
    opacity: 0.9290901665;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(121deg);
            transform: translate(-11.525px, -19.675px) rotate(121deg);
    opacity: 0.9290901665;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(121deg);
            transform: translate(-14.05px, -21.4px) rotate(121deg);
    opacity: 0.9290901665;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(121deg);
            transform: translate(-16.725px, -22.35px) rotate(121deg);
    opacity: 0.9290901665;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(121deg);
            transform: translate(-19.55px, -22.4px) rotate(121deg);
    opacity: 0.9290901665;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(121deg);
            transform: translate(-22.55px, -21.45px) rotate(121deg);
    opacity: 0.9290901665;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(121deg);
            transform: translate(-25.7px, -19.35px) rotate(121deg);
    opacity: 0.9290901665;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(121deg);
            transform: translate(-29px, -16px) rotate(121deg);
    opacity: 0.9290901665;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(121deg);
            transform: translate(-32.475px, -11.25px) rotate(121deg);
    opacity: 0.9290901665;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(121deg);
            transform: translate(-36.075px, -5px) rotate(121deg);
    opacity: 0.9290901665;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(121deg);
            transform: translate(-39.85px, 2.875px) rotate(121deg);
    opacity: 0.4645450833;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(121deg);
            transform: translate(-43.75px, 12.5px) rotate(121deg);
    opacity: 0;
  }
}
@keyframes drop-right-134 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(121deg);
            transform: translate(0px, 0px) rotate(121deg);
    opacity: 0.9290901665;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(121deg);
            transform: translate(-3.15px, -7.5px) rotate(121deg);
    opacity: 0.9290901665;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(121deg);
            transform: translate(-7px, -14.4px) rotate(121deg);
    opacity: 0.9290901665;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(121deg);
            transform: translate(-11.525px, -19.675px) rotate(121deg);
    opacity: 0.9290901665;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(121deg);
            transform: translate(-14.05px, -21.4px) rotate(121deg);
    opacity: 0.9290901665;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(121deg);
            transform: translate(-16.725px, -22.35px) rotate(121deg);
    opacity: 0.9290901665;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(121deg);
            transform: translate(-19.55px, -22.4px) rotate(121deg);
    opacity: 0.9290901665;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(121deg);
            transform: translate(-22.55px, -21.45px) rotate(121deg);
    opacity: 0.9290901665;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(121deg);
            transform: translate(-25.7px, -19.35px) rotate(121deg);
    opacity: 0.9290901665;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(121deg);
            transform: translate(-29px, -16px) rotate(121deg);
    opacity: 0.9290901665;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(121deg);
            transform: translate(-32.475px, -11.25px) rotate(121deg);
    opacity: 0.9290901665;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(121deg);
            transform: translate(-36.075px, -5px) rotate(121deg);
    opacity: 0.9290901665;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(121deg);
            transform: translate(-39.85px, 2.875px) rotate(121deg);
    opacity: 0.4645450833;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(121deg);
            transform: translate(-43.75px, 12.5px) rotate(121deg);
    opacity: 0;
  }
}
.confetti-left-135,
.confetti-right-135 {
  width: 17px;
  height: 6.8px;
  background-color: #8AB925;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-135 {
  -webkit-animation: drop-left-135 1.3828743239s 1.2343916244s 2 forwards;
          animation: drop-left-135 1.3828743239s 1.2343916244s 2 forwards;
}

.confetti-right-135 {
  -webkit-animation: drop-right-135 1.5142412228s 1.1753351332s 2 forwards;
          animation: drop-right-135 1.5142412228s 1.1753351332s 2 forwards;
}

@-webkit-keyframes drop-left-135 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(113deg);
            transform: translate(0px, 0px) rotate(113deg);
    opacity: 1.0341863234;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(113deg);
            transform: translate(15.75px, -37.5px) rotate(113deg);
    opacity: 1.0341863234;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(113deg);
            transform: translate(35px, -72px) rotate(113deg);
    opacity: 1.0341863234;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(113deg);
            transform: translate(57.625px, -98.375px) rotate(113deg);
    opacity: 1.0341863234;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(113deg);
            transform: translate(70.25px, -107px) rotate(113deg);
    opacity: 1.0341863234;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(113deg);
            transform: translate(83.625px, -111.75px) rotate(113deg);
    opacity: 1.0341863234;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(113deg);
            transform: translate(97.75px, -112px) rotate(113deg);
    opacity: 1.0341863234;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(113deg);
            transform: translate(112.75px, -107.25px) rotate(113deg);
    opacity: 1.0341863234;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(113deg);
            transform: translate(128.5px, -96.75px) rotate(113deg);
    opacity: 1.0341863234;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(113deg);
            transform: translate(145px, -80px) rotate(113deg);
    opacity: 1.0341863234;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(113deg);
            transform: translate(162.375px, -56.25px) rotate(113deg);
    opacity: 1.0341863234;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(113deg);
            transform: translate(180.375px, -25px) rotate(113deg);
    opacity: 1.0341863234;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(113deg);
            transform: translate(199.25px, 14.375px) rotate(113deg);
    opacity: 0.5170931617;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(113deg);
            transform: translate(218.75px, 62.5px) rotate(113deg);
    opacity: 0;
  }
}

@keyframes drop-left-135 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(113deg);
            transform: translate(0px, 0px) rotate(113deg);
    opacity: 1.0341863234;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(113deg);
            transform: translate(15.75px, -37.5px) rotate(113deg);
    opacity: 1.0341863234;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(113deg);
            transform: translate(35px, -72px) rotate(113deg);
    opacity: 1.0341863234;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(113deg);
            transform: translate(57.625px, -98.375px) rotate(113deg);
    opacity: 1.0341863234;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(113deg);
            transform: translate(70.25px, -107px) rotate(113deg);
    opacity: 1.0341863234;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(113deg);
            transform: translate(83.625px, -111.75px) rotate(113deg);
    opacity: 1.0341863234;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(113deg);
            transform: translate(97.75px, -112px) rotate(113deg);
    opacity: 1.0341863234;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(113deg);
            transform: translate(112.75px, -107.25px) rotate(113deg);
    opacity: 1.0341863234;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(113deg);
            transform: translate(128.5px, -96.75px) rotate(113deg);
    opacity: 1.0341863234;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(113deg);
            transform: translate(145px, -80px) rotate(113deg);
    opacity: 1.0341863234;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(113deg);
            transform: translate(162.375px, -56.25px) rotate(113deg);
    opacity: 1.0341863234;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(113deg);
            transform: translate(180.375px, -25px) rotate(113deg);
    opacity: 1.0341863234;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(113deg);
            transform: translate(199.25px, 14.375px) rotate(113deg);
    opacity: 0.5170931617;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(113deg);
            transform: translate(218.75px, 62.5px) rotate(113deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-135 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(264deg);
            transform: translate(0px, 0px) rotate(264deg);
    opacity: 0.7006821434;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(264deg);
            transform: translate(-12.6px, -30px) rotate(264deg);
    opacity: 0.7006821434;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(264deg);
            transform: translate(-28px, -57.6px) rotate(264deg);
    opacity: 0.7006821434;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(264deg);
            transform: translate(-46.1px, -78.7px) rotate(264deg);
    opacity: 0.7006821434;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(264deg);
            transform: translate(-56.2px, -85.6px) rotate(264deg);
    opacity: 0.7006821434;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(264deg);
            transform: translate(-66.9px, -89.4px) rotate(264deg);
    opacity: 0.7006821434;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(264deg);
            transform: translate(-78.2px, -89.6px) rotate(264deg);
    opacity: 0.7006821434;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(264deg);
            transform: translate(-90.2px, -85.8px) rotate(264deg);
    opacity: 0.7006821434;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(264deg);
            transform: translate(-102.8px, -77.4px) rotate(264deg);
    opacity: 0.7006821434;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(264deg);
            transform: translate(-116px, -64px) rotate(264deg);
    opacity: 0.7006821434;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(264deg);
            transform: translate(-129.9px, -45px) rotate(264deg);
    opacity: 0.7006821434;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(264deg);
            transform: translate(-144.3px, -20px) rotate(264deg);
    opacity: 0.7006821434;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(264deg);
            transform: translate(-159.4px, 11.5px) rotate(264deg);
    opacity: 0.3503410717;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(264deg);
            transform: translate(-175px, 50px) rotate(264deg);
    opacity: 0;
  }
}
@keyframes drop-right-135 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(264deg);
            transform: translate(0px, 0px) rotate(264deg);
    opacity: 0.7006821434;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(264deg);
            transform: translate(-12.6px, -30px) rotate(264deg);
    opacity: 0.7006821434;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(264deg);
            transform: translate(-28px, -57.6px) rotate(264deg);
    opacity: 0.7006821434;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(264deg);
            transform: translate(-46.1px, -78.7px) rotate(264deg);
    opacity: 0.7006821434;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(264deg);
            transform: translate(-56.2px, -85.6px) rotate(264deg);
    opacity: 0.7006821434;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(264deg);
            transform: translate(-66.9px, -89.4px) rotate(264deg);
    opacity: 0.7006821434;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(264deg);
            transform: translate(-78.2px, -89.6px) rotate(264deg);
    opacity: 0.7006821434;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(264deg);
            transform: translate(-90.2px, -85.8px) rotate(264deg);
    opacity: 0.7006821434;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(264deg);
            transform: translate(-102.8px, -77.4px) rotate(264deg);
    opacity: 0.7006821434;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(264deg);
            transform: translate(-116px, -64px) rotate(264deg);
    opacity: 0.7006821434;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(264deg);
            transform: translate(-129.9px, -45px) rotate(264deg);
    opacity: 0.7006821434;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(264deg);
            transform: translate(-144.3px, -20px) rotate(264deg);
    opacity: 0.7006821434;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(264deg);
            transform: translate(-159.4px, 11.5px) rotate(264deg);
    opacity: 0.3503410717;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(264deg);
            transform: translate(-175px, 50px) rotate(264deg);
    opacity: 0;
  }
}
.confetti-left-136,
.confetti-right-136 {
  width: 14px;
  height: 5.6px;
  background-color: #765AA3;
  top: calc(25% - 14px);
  left: calc(50% - 4.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-136 {
  -webkit-animation: drop-left-136 1.2426102042s 1.2780049248s 2 forwards;
          animation: drop-left-136 1.2426102042s 1.2780049248s 2 forwards;
}

.confetti-right-136 {
  -webkit-animation: drop-right-136 1.5886267201s 0.6502776934s 2 forwards;
          animation: drop-right-136 1.5886267201s 0.6502776934s 2 forwards;
}

@-webkit-keyframes drop-left-136 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(313deg);
            transform: translate(0px, 0px) rotate(313deg);
    opacity: 0.7537709952;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(313deg);
            transform: translate(31.5px, -75px) rotate(313deg);
    opacity: 0.7537709952;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(313deg);
            transform: translate(70px, -144px) rotate(313deg);
    opacity: 0.7537709952;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(313deg);
            transform: translate(115.25px, -196.75px) rotate(313deg);
    opacity: 0.7537709952;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(313deg);
            transform: translate(140.5px, -214px) rotate(313deg);
    opacity: 0.7537709952;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(313deg);
            transform: translate(167.25px, -223.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(313deg);
            transform: translate(195.5px, -224px) rotate(313deg);
    opacity: 0.7537709952;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(313deg);
            transform: translate(225.5px, -214.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(313deg);
            transform: translate(257px, -193.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(313deg);
            transform: translate(290px, -160px) rotate(313deg);
    opacity: 0.7537709952;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(313deg);
            transform: translate(324.75px, -112.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(313deg);
            transform: translate(360.75px, -50px) rotate(313deg);
    opacity: 0.7537709952;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(313deg);
            transform: translate(398.5px, 28.75px) rotate(313deg);
    opacity: 0.3768854976;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(313deg);
            transform: translate(437.5px, 125px) rotate(313deg);
    opacity: 0;
  }
}

@keyframes drop-left-136 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(313deg);
            transform: translate(0px, 0px) rotate(313deg);
    opacity: 0.7537709952;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(313deg);
            transform: translate(31.5px, -75px) rotate(313deg);
    opacity: 0.7537709952;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(313deg);
            transform: translate(70px, -144px) rotate(313deg);
    opacity: 0.7537709952;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(313deg);
            transform: translate(115.25px, -196.75px) rotate(313deg);
    opacity: 0.7537709952;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(313deg);
            transform: translate(140.5px, -214px) rotate(313deg);
    opacity: 0.7537709952;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(313deg);
            transform: translate(167.25px, -223.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(313deg);
            transform: translate(195.5px, -224px) rotate(313deg);
    opacity: 0.7537709952;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(313deg);
            transform: translate(225.5px, -214.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(313deg);
            transform: translate(257px, -193.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(313deg);
            transform: translate(290px, -160px) rotate(313deg);
    opacity: 0.7537709952;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(313deg);
            transform: translate(324.75px, -112.5px) rotate(313deg);
    opacity: 0.7537709952;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(313deg);
            transform: translate(360.75px, -50px) rotate(313deg);
    opacity: 0.7537709952;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(313deg);
            transform: translate(398.5px, 28.75px) rotate(313deg);
    opacity: 0.3768854976;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(313deg);
            transform: translate(437.5px, 125px) rotate(313deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-136 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(26deg);
            transform: translate(0px, 0px) rotate(26deg);
    opacity: 1.4875112918;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(26deg);
            transform: translate(-31.5px, -75px) rotate(26deg);
    opacity: 1.4875112918;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(26deg);
            transform: translate(-70px, -144px) rotate(26deg);
    opacity: 1.4875112918;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(26deg);
            transform: translate(-115.25px, -196.75px) rotate(26deg);
    opacity: 1.4875112918;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(26deg);
            transform: translate(-140.5px, -214px) rotate(26deg);
    opacity: 1.4875112918;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(26deg);
            transform: translate(-167.25px, -223.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(26deg);
            transform: translate(-195.5px, -224px) rotate(26deg);
    opacity: 1.4875112918;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(26deg);
            transform: translate(-225.5px, -214.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(26deg);
            transform: translate(-257px, -193.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(26deg);
            transform: translate(-290px, -160px) rotate(26deg);
    opacity: 1.4875112918;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(26deg);
            transform: translate(-324.75px, -112.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(26deg);
            transform: translate(-360.75px, -50px) rotate(26deg);
    opacity: 1.4875112918;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(26deg);
            transform: translate(-398.5px, 28.75px) rotate(26deg);
    opacity: 0.7437556459;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(26deg);
            transform: translate(-437.5px, 125px) rotate(26deg);
    opacity: 0;
  }
}
@keyframes drop-right-136 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(26deg);
            transform: translate(0px, 0px) rotate(26deg);
    opacity: 1.4875112918;
  }
  10.7882% {
    -webkit-transform: translate(-31.5px, -75px) rotate(26deg);
            transform: translate(-31.5px, -75px) rotate(26deg);
    opacity: 1.4875112918;
  }
  21.2266% {
    -webkit-transform: translate(-70px, -144px) rotate(26deg);
            transform: translate(-70px, -144px) rotate(26deg);
    opacity: 1.4875112918;
  }
  30.4208% {
    -webkit-transform: translate(-115.25px, -196.75px) rotate(26deg);
            transform: translate(-115.25px, -196.75px) rotate(26deg);
    opacity: 1.4875112918;
  }
  34.4519% {
    -webkit-transform: translate(-140.5px, -214px) rotate(26deg);
            transform: translate(-140.5px, -214px) rotate(26deg);
    opacity: 1.4875112918;
  }
  38.2085% {
    -webkit-transform: translate(-167.25px, -223.5px) rotate(26deg);
            transform: translate(-167.25px, -223.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  41.9607% {
    -webkit-transform: translate(-195.5px, -224px) rotate(26deg);
            transform: translate(-195.5px, -224px) rotate(26deg);
    opacity: 1.4875112918;
  }
  46.1202% {
    -webkit-transform: translate(-225.5px, -214.5px) rotate(26deg);
            transform: translate(-225.5px, -214.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  51.1287% {
    -webkit-transform: translate(-257px, -193.5px) rotate(26deg);
            transform: translate(-257px, -193.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  57.3654% {
    -webkit-transform: translate(-290px, -160px) rotate(26deg);
            transform: translate(-290px, -160px) rotate(26deg);
    opacity: 1.4875112918;
  }
  65.1344% {
    -webkit-transform: translate(-324.75px, -112.5px) rotate(26deg);
            transform: translate(-324.75px, -112.5px) rotate(26deg);
    opacity: 1.4875112918;
  }
  74.6872% {
    -webkit-transform: translate(-360.75px, -50px) rotate(26deg);
            transform: translate(-360.75px, -50px) rotate(26deg);
    opacity: 1.4875112918;
  }
  86.2425% {
    -webkit-transform: translate(-398.5px, 28.75px) rotate(26deg);
            transform: translate(-398.5px, 28.75px) rotate(26deg);
    opacity: 0.7437556459;
  }
  100.0000% {
    -webkit-transform: translate(-437.5px, 125px) rotate(26deg);
            transform: translate(-437.5px, 125px) rotate(26deg);
    opacity: 0;
  }
}
.confetti-left-137,
.confetti-right-137 {
  background-color: transparent;
  border-bottom: 6px solid #E61D47;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  height: 0;
  width: 6px;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-137 {
  -webkit-animation: drop-left-137 1.560086944s 0.9141990413s 2 forwards;
          animation: drop-left-137 1.560086944s 0.9141990413s 2 forwards;
}

.confetti-right-137 {
  -webkit-animation: drop-right-137 1.8826977886s 0.9216831634s 2 forwards;
          animation: drop-right-137 1.8826977886s 0.9216831634s 2 forwards;
}

@-webkit-keyframes drop-left-137 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(301deg);
            transform: translate(0px, 0px) rotate(301deg);
    opacity: 0.7448904209;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(301deg);
            transform: translate(12.6px, -30px) rotate(301deg);
    opacity: 0.7448904209;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(301deg);
            transform: translate(28px, -57.6px) rotate(301deg);
    opacity: 0.7448904209;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(301deg);
            transform: translate(46.1px, -78.7px) rotate(301deg);
    opacity: 0.7448904209;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(301deg);
            transform: translate(56.2px, -85.6px) rotate(301deg);
    opacity: 0.7448904209;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(301deg);
            transform: translate(66.9px, -89.4px) rotate(301deg);
    opacity: 0.7448904209;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(301deg);
            transform: translate(78.2px, -89.6px) rotate(301deg);
    opacity: 0.7448904209;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(301deg);
            transform: translate(90.2px, -85.8px) rotate(301deg);
    opacity: 0.7448904209;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(301deg);
            transform: translate(102.8px, -77.4px) rotate(301deg);
    opacity: 0.7448904209;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(301deg);
            transform: translate(116px, -64px) rotate(301deg);
    opacity: 0.7448904209;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(301deg);
            transform: translate(129.9px, -45px) rotate(301deg);
    opacity: 0.7448904209;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(301deg);
            transform: translate(144.3px, -20px) rotate(301deg);
    opacity: 0.7448904209;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(301deg);
            transform: translate(159.4px, 11.5px) rotate(301deg);
    opacity: 0.3724452104;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(301deg);
            transform: translate(175px, 50px) rotate(301deg);
    opacity: 0;
  }
}

@keyframes drop-left-137 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(301deg);
            transform: translate(0px, 0px) rotate(301deg);
    opacity: 0.7448904209;
  }
  10.7882% {
    -webkit-transform: translate(12.6px, -30px) rotate(301deg);
            transform: translate(12.6px, -30px) rotate(301deg);
    opacity: 0.7448904209;
  }
  21.2266% {
    -webkit-transform: translate(28px, -57.6px) rotate(301deg);
            transform: translate(28px, -57.6px) rotate(301deg);
    opacity: 0.7448904209;
  }
  30.4208% {
    -webkit-transform: translate(46.1px, -78.7px) rotate(301deg);
            transform: translate(46.1px, -78.7px) rotate(301deg);
    opacity: 0.7448904209;
  }
  34.4519% {
    -webkit-transform: translate(56.2px, -85.6px) rotate(301deg);
            transform: translate(56.2px, -85.6px) rotate(301deg);
    opacity: 0.7448904209;
  }
  38.2085% {
    -webkit-transform: translate(66.9px, -89.4px) rotate(301deg);
            transform: translate(66.9px, -89.4px) rotate(301deg);
    opacity: 0.7448904209;
  }
  41.9607% {
    -webkit-transform: translate(78.2px, -89.6px) rotate(301deg);
            transform: translate(78.2px, -89.6px) rotate(301deg);
    opacity: 0.7448904209;
  }
  46.1202% {
    -webkit-transform: translate(90.2px, -85.8px) rotate(301deg);
            transform: translate(90.2px, -85.8px) rotate(301deg);
    opacity: 0.7448904209;
  }
  51.1287% {
    -webkit-transform: translate(102.8px, -77.4px) rotate(301deg);
            transform: translate(102.8px, -77.4px) rotate(301deg);
    opacity: 0.7448904209;
  }
  57.3654% {
    -webkit-transform: translate(116px, -64px) rotate(301deg);
            transform: translate(116px, -64px) rotate(301deg);
    opacity: 0.7448904209;
  }
  65.1344% {
    -webkit-transform: translate(129.9px, -45px) rotate(301deg);
            transform: translate(129.9px, -45px) rotate(301deg);
    opacity: 0.7448904209;
  }
  74.6872% {
    -webkit-transform: translate(144.3px, -20px) rotate(301deg);
            transform: translate(144.3px, -20px) rotate(301deg);
    opacity: 0.7448904209;
  }
  86.2425% {
    -webkit-transform: translate(159.4px, 11.5px) rotate(301deg);
            transform: translate(159.4px, 11.5px) rotate(301deg);
    opacity: 0.3724452104;
  }
  100.0000% {
    -webkit-transform: translate(175px, 50px) rotate(301deg);
            transform: translate(175px, 50px) rotate(301deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-137 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 0.8025745595;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(292deg);
            transform: translate(-28.35px, -67.5px) rotate(292deg);
    opacity: 0.8025745595;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(292deg);
            transform: translate(-63px, -129.6px) rotate(292deg);
    opacity: 0.8025745595;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(292deg);
            transform: translate(-103.725px, -177.075px) rotate(292deg);
    opacity: 0.8025745595;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(292deg);
            transform: translate(-126.45px, -192.6px) rotate(292deg);
    opacity: 0.8025745595;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(292deg);
            transform: translate(-150.525px, -201.15px) rotate(292deg);
    opacity: 0.8025745595;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(292deg);
            transform: translate(-175.95px, -201.6px) rotate(292deg);
    opacity: 0.8025745595;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(292deg);
            transform: translate(-202.95px, -193.05px) rotate(292deg);
    opacity: 0.8025745595;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(292deg);
            transform: translate(-231.3px, -174.15px) rotate(292deg);
    opacity: 0.8025745595;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(292deg);
            transform: translate(-261px, -144px) rotate(292deg);
    opacity: 0.8025745595;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(292deg);
            transform: translate(-292.275px, -101.25px) rotate(292deg);
    opacity: 0.8025745595;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(292deg);
            transform: translate(-324.675px, -45px) rotate(292deg);
    opacity: 0.8025745595;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(292deg);
            transform: translate(-358.65px, 25.875px) rotate(292deg);
    opacity: 0.4012872797;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(292deg);
            transform: translate(-393.75px, 112.5px) rotate(292deg);
    opacity: 0;
  }
}
@keyframes drop-right-137 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(292deg);
            transform: translate(0px, 0px) rotate(292deg);
    opacity: 0.8025745595;
  }
  10.7882% {
    -webkit-transform: translate(-28.35px, -67.5px) rotate(292deg);
            transform: translate(-28.35px, -67.5px) rotate(292deg);
    opacity: 0.8025745595;
  }
  21.2266% {
    -webkit-transform: translate(-63px, -129.6px) rotate(292deg);
            transform: translate(-63px, -129.6px) rotate(292deg);
    opacity: 0.8025745595;
  }
  30.4208% {
    -webkit-transform: translate(-103.725px, -177.075px) rotate(292deg);
            transform: translate(-103.725px, -177.075px) rotate(292deg);
    opacity: 0.8025745595;
  }
  34.4519% {
    -webkit-transform: translate(-126.45px, -192.6px) rotate(292deg);
            transform: translate(-126.45px, -192.6px) rotate(292deg);
    opacity: 0.8025745595;
  }
  38.2085% {
    -webkit-transform: translate(-150.525px, -201.15px) rotate(292deg);
            transform: translate(-150.525px, -201.15px) rotate(292deg);
    opacity: 0.8025745595;
  }
  41.9607% {
    -webkit-transform: translate(-175.95px, -201.6px) rotate(292deg);
            transform: translate(-175.95px, -201.6px) rotate(292deg);
    opacity: 0.8025745595;
  }
  46.1202% {
    -webkit-transform: translate(-202.95px, -193.05px) rotate(292deg);
            transform: translate(-202.95px, -193.05px) rotate(292deg);
    opacity: 0.8025745595;
  }
  51.1287% {
    -webkit-transform: translate(-231.3px, -174.15px) rotate(292deg);
            transform: translate(-231.3px, -174.15px) rotate(292deg);
    opacity: 0.8025745595;
  }
  57.3654% {
    -webkit-transform: translate(-261px, -144px) rotate(292deg);
            transform: translate(-261px, -144px) rotate(292deg);
    opacity: 0.8025745595;
  }
  65.1344% {
    -webkit-transform: translate(-292.275px, -101.25px) rotate(292deg);
            transform: translate(-292.275px, -101.25px) rotate(292deg);
    opacity: 0.8025745595;
  }
  74.6872% {
    -webkit-transform: translate(-324.675px, -45px) rotate(292deg);
            transform: translate(-324.675px, -45px) rotate(292deg);
    opacity: 0.8025745595;
  }
  86.2425% {
    -webkit-transform: translate(-358.65px, 25.875px) rotate(292deg);
            transform: translate(-358.65px, 25.875px) rotate(292deg);
    opacity: 0.4012872797;
  }
  100.0000% {
    -webkit-transform: translate(-393.75px, 112.5px) rotate(292deg);
            transform: translate(-393.75px, 112.5px) rotate(292deg);
    opacity: 0;
  }
}
.confetti-left-138,
.confetti-right-138 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 5px);
  left: calc(50% - 1.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-138 {
  -webkit-animation: drop-left-138 1.511179238s 1.2295651715s 2 forwards;
          animation: drop-left-138 1.511179238s 1.2295651715s 2 forwards;
}

.confetti-right-138 {
  -webkit-animation: drop-right-138 1.9986232709s 1.3773153997s 2 forwards;
          animation: drop-right-138 1.9986232709s 1.3773153997s 2 forwards;
}

@-webkit-keyframes drop-left-138 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(7deg);
            transform: translate(0px, 0px) rotate(7deg);
    opacity: 1.2548805138;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(7deg);
            transform: translate(15.75px, -37.5px) rotate(7deg);
    opacity: 1.2548805138;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(7deg);
            transform: translate(35px, -72px) rotate(7deg);
    opacity: 1.2548805138;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(7deg);
            transform: translate(57.625px, -98.375px) rotate(7deg);
    opacity: 1.2548805138;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(7deg);
            transform: translate(70.25px, -107px) rotate(7deg);
    opacity: 1.2548805138;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(7deg);
            transform: translate(83.625px, -111.75px) rotate(7deg);
    opacity: 1.2548805138;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(7deg);
            transform: translate(97.75px, -112px) rotate(7deg);
    opacity: 1.2548805138;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(7deg);
            transform: translate(112.75px, -107.25px) rotate(7deg);
    opacity: 1.2548805138;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(7deg);
            transform: translate(128.5px, -96.75px) rotate(7deg);
    opacity: 1.2548805138;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(7deg);
            transform: translate(145px, -80px) rotate(7deg);
    opacity: 1.2548805138;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(7deg);
            transform: translate(162.375px, -56.25px) rotate(7deg);
    opacity: 1.2548805138;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(7deg);
            transform: translate(180.375px, -25px) rotate(7deg);
    opacity: 1.2548805138;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(7deg);
            transform: translate(199.25px, 14.375px) rotate(7deg);
    opacity: 0.6274402569;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(7deg);
            transform: translate(218.75px, 62.5px) rotate(7deg);
    opacity: 0;
  }
}

@keyframes drop-left-138 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(7deg);
            transform: translate(0px, 0px) rotate(7deg);
    opacity: 1.2548805138;
  }
  10.7882% {
    -webkit-transform: translate(15.75px, -37.5px) rotate(7deg);
            transform: translate(15.75px, -37.5px) rotate(7deg);
    opacity: 1.2548805138;
  }
  21.2266% {
    -webkit-transform: translate(35px, -72px) rotate(7deg);
            transform: translate(35px, -72px) rotate(7deg);
    opacity: 1.2548805138;
  }
  30.4208% {
    -webkit-transform: translate(57.625px, -98.375px) rotate(7deg);
            transform: translate(57.625px, -98.375px) rotate(7deg);
    opacity: 1.2548805138;
  }
  34.4519% {
    -webkit-transform: translate(70.25px, -107px) rotate(7deg);
            transform: translate(70.25px, -107px) rotate(7deg);
    opacity: 1.2548805138;
  }
  38.2085% {
    -webkit-transform: translate(83.625px, -111.75px) rotate(7deg);
            transform: translate(83.625px, -111.75px) rotate(7deg);
    opacity: 1.2548805138;
  }
  41.9607% {
    -webkit-transform: translate(97.75px, -112px) rotate(7deg);
            transform: translate(97.75px, -112px) rotate(7deg);
    opacity: 1.2548805138;
  }
  46.1202% {
    -webkit-transform: translate(112.75px, -107.25px) rotate(7deg);
            transform: translate(112.75px, -107.25px) rotate(7deg);
    opacity: 1.2548805138;
  }
  51.1287% {
    -webkit-transform: translate(128.5px, -96.75px) rotate(7deg);
            transform: translate(128.5px, -96.75px) rotate(7deg);
    opacity: 1.2548805138;
  }
  57.3654% {
    -webkit-transform: translate(145px, -80px) rotate(7deg);
            transform: translate(145px, -80px) rotate(7deg);
    opacity: 1.2548805138;
  }
  65.1344% {
    -webkit-transform: translate(162.375px, -56.25px) rotate(7deg);
            transform: translate(162.375px, -56.25px) rotate(7deg);
    opacity: 1.2548805138;
  }
  74.6872% {
    -webkit-transform: translate(180.375px, -25px) rotate(7deg);
            transform: translate(180.375px, -25px) rotate(7deg);
    opacity: 1.2548805138;
  }
  86.2425% {
    -webkit-transform: translate(199.25px, 14.375px) rotate(7deg);
            transform: translate(199.25px, 14.375px) rotate(7deg);
    opacity: 0.6274402569;
  }
  100.0000% {
    -webkit-transform: translate(218.75px, 62.5px) rotate(7deg);
            transform: translate(218.75px, 62.5px) rotate(7deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-138 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(98deg);
            transform: translate(0px, 0px) rotate(98deg);
    opacity: 1.2572350829;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(98deg);
            transform: translate(-25.2px, -60px) rotate(98deg);
    opacity: 1.2572350829;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(98deg);
            transform: translate(-56px, -115.2px) rotate(98deg);
    opacity: 1.2572350829;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(98deg);
            transform: translate(-92.2px, -157.4px) rotate(98deg);
    opacity: 1.2572350829;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(98deg);
            transform: translate(-112.4px, -171.2px) rotate(98deg);
    opacity: 1.2572350829;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(98deg);
            transform: translate(-133.8px, -178.8px) rotate(98deg);
    opacity: 1.2572350829;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(98deg);
            transform: translate(-156.4px, -179.2px) rotate(98deg);
    opacity: 1.2572350829;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(98deg);
            transform: translate(-180.4px, -171.6px) rotate(98deg);
    opacity: 1.2572350829;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(98deg);
            transform: translate(-205.6px, -154.8px) rotate(98deg);
    opacity: 1.2572350829;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(98deg);
            transform: translate(-232px, -128px) rotate(98deg);
    opacity: 1.2572350829;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(98deg);
            transform: translate(-259.8px, -90px) rotate(98deg);
    opacity: 1.2572350829;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(98deg);
            transform: translate(-288.6px, -40px) rotate(98deg);
    opacity: 1.2572350829;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(98deg);
            transform: translate(-318.8px, 23px) rotate(98deg);
    opacity: 0.6286175415;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(98deg);
            transform: translate(-350px, 100px) rotate(98deg);
    opacity: 0;
  }
}
@keyframes drop-right-138 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(98deg);
            transform: translate(0px, 0px) rotate(98deg);
    opacity: 1.2572350829;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(98deg);
            transform: translate(-25.2px, -60px) rotate(98deg);
    opacity: 1.2572350829;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(98deg);
            transform: translate(-56px, -115.2px) rotate(98deg);
    opacity: 1.2572350829;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(98deg);
            transform: translate(-92.2px, -157.4px) rotate(98deg);
    opacity: 1.2572350829;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(98deg);
            transform: translate(-112.4px, -171.2px) rotate(98deg);
    opacity: 1.2572350829;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(98deg);
            transform: translate(-133.8px, -178.8px) rotate(98deg);
    opacity: 1.2572350829;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(98deg);
            transform: translate(-156.4px, -179.2px) rotate(98deg);
    opacity: 1.2572350829;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(98deg);
            transform: translate(-180.4px, -171.6px) rotate(98deg);
    opacity: 1.2572350829;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(98deg);
            transform: translate(-205.6px, -154.8px) rotate(98deg);
    opacity: 1.2572350829;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(98deg);
            transform: translate(-232px, -128px) rotate(98deg);
    opacity: 1.2572350829;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(98deg);
            transform: translate(-259.8px, -90px) rotate(98deg);
    opacity: 1.2572350829;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(98deg);
            transform: translate(-288.6px, -40px) rotate(98deg);
    opacity: 1.2572350829;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(98deg);
            transform: translate(-318.8px, 23px) rotate(98deg);
    opacity: 0.6286175415;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(98deg);
            transform: translate(-350px, 100px) rotate(98deg);
    opacity: 0;
  }
}
.confetti-left-139,
.confetti-right-139 {
  width: 2px;
  height: 0.8px;
  background-color: #E61D47;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-139 {
  -webkit-animation: drop-left-139 1.8518686366s 0.8424372713s 2 forwards;
          animation: drop-left-139 1.8518686366s 0.8424372713s 2 forwards;
}

.confetti-right-139 {
  -webkit-animation: drop-right-139 1.6387984675s 1.2036029523s 2 forwards;
          animation: drop-right-139 1.6387984675s 1.2036029523s 2 forwards;
}

@-webkit-keyframes drop-left-139 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(177deg);
            transform: translate(0px, 0px) rotate(177deg);
    opacity: 1.0988260934;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(177deg);
            transform: translate(25.2px, -60px) rotate(177deg);
    opacity: 1.0988260934;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(177deg);
            transform: translate(56px, -115.2px) rotate(177deg);
    opacity: 1.0988260934;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(177deg);
            transform: translate(92.2px, -157.4px) rotate(177deg);
    opacity: 1.0988260934;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(177deg);
            transform: translate(112.4px, -171.2px) rotate(177deg);
    opacity: 1.0988260934;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(177deg);
            transform: translate(133.8px, -178.8px) rotate(177deg);
    opacity: 1.0988260934;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(177deg);
            transform: translate(156.4px, -179.2px) rotate(177deg);
    opacity: 1.0988260934;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(177deg);
            transform: translate(180.4px, -171.6px) rotate(177deg);
    opacity: 1.0988260934;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(177deg);
            transform: translate(205.6px, -154.8px) rotate(177deg);
    opacity: 1.0988260934;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(177deg);
            transform: translate(232px, -128px) rotate(177deg);
    opacity: 1.0988260934;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(177deg);
            transform: translate(259.8px, -90px) rotate(177deg);
    opacity: 1.0988260934;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(177deg);
            transform: translate(288.6px, -40px) rotate(177deg);
    opacity: 1.0988260934;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(177deg);
            transform: translate(318.8px, 23px) rotate(177deg);
    opacity: 0.5494130467;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(177deg);
            transform: translate(350px, 100px) rotate(177deg);
    opacity: 0;
  }
}

@keyframes drop-left-139 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(177deg);
            transform: translate(0px, 0px) rotate(177deg);
    opacity: 1.0988260934;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(177deg);
            transform: translate(25.2px, -60px) rotate(177deg);
    opacity: 1.0988260934;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(177deg);
            transform: translate(56px, -115.2px) rotate(177deg);
    opacity: 1.0988260934;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(177deg);
            transform: translate(92.2px, -157.4px) rotate(177deg);
    opacity: 1.0988260934;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(177deg);
            transform: translate(112.4px, -171.2px) rotate(177deg);
    opacity: 1.0988260934;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(177deg);
            transform: translate(133.8px, -178.8px) rotate(177deg);
    opacity: 1.0988260934;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(177deg);
            transform: translate(156.4px, -179.2px) rotate(177deg);
    opacity: 1.0988260934;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(177deg);
            transform: translate(180.4px, -171.6px) rotate(177deg);
    opacity: 1.0988260934;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(177deg);
            transform: translate(205.6px, -154.8px) rotate(177deg);
    opacity: 1.0988260934;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(177deg);
            transform: translate(232px, -128px) rotate(177deg);
    opacity: 1.0988260934;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(177deg);
            transform: translate(259.8px, -90px) rotate(177deg);
    opacity: 1.0988260934;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(177deg);
            transform: translate(288.6px, -40px) rotate(177deg);
    opacity: 1.0988260934;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(177deg);
            transform: translate(318.8px, 23px) rotate(177deg);
    opacity: 0.5494130467;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(177deg);
            transform: translate(350px, 100px) rotate(177deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-139 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(294deg);
            transform: translate(0px, 0px) rotate(294deg);
    opacity: 0.9588396329;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(294deg);
            transform: translate(-15.75px, -37.5px) rotate(294deg);
    opacity: 0.9588396329;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(294deg);
            transform: translate(-35px, -72px) rotate(294deg);
    opacity: 0.9588396329;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(294deg);
            transform: translate(-57.625px, -98.375px) rotate(294deg);
    opacity: 0.9588396329;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(294deg);
            transform: translate(-70.25px, -107px) rotate(294deg);
    opacity: 0.9588396329;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(294deg);
            transform: translate(-83.625px, -111.75px) rotate(294deg);
    opacity: 0.9588396329;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(294deg);
            transform: translate(-97.75px, -112px) rotate(294deg);
    opacity: 0.9588396329;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(294deg);
            transform: translate(-112.75px, -107.25px) rotate(294deg);
    opacity: 0.9588396329;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(294deg);
            transform: translate(-128.5px, -96.75px) rotate(294deg);
    opacity: 0.9588396329;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(294deg);
            transform: translate(-145px, -80px) rotate(294deg);
    opacity: 0.9588396329;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(294deg);
            transform: translate(-162.375px, -56.25px) rotate(294deg);
    opacity: 0.9588396329;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(294deg);
            transform: translate(-180.375px, -25px) rotate(294deg);
    opacity: 0.9588396329;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(294deg);
            transform: translate(-199.25px, 14.375px) rotate(294deg);
    opacity: 0.4794198165;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(294deg);
            transform: translate(-218.75px, 62.5px) rotate(294deg);
    opacity: 0;
  }
}
@keyframes drop-right-139 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(294deg);
            transform: translate(0px, 0px) rotate(294deg);
    opacity: 0.9588396329;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(294deg);
            transform: translate(-15.75px, -37.5px) rotate(294deg);
    opacity: 0.9588396329;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(294deg);
            transform: translate(-35px, -72px) rotate(294deg);
    opacity: 0.9588396329;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(294deg);
            transform: translate(-57.625px, -98.375px) rotate(294deg);
    opacity: 0.9588396329;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(294deg);
            transform: translate(-70.25px, -107px) rotate(294deg);
    opacity: 0.9588396329;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(294deg);
            transform: translate(-83.625px, -111.75px) rotate(294deg);
    opacity: 0.9588396329;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(294deg);
            transform: translate(-97.75px, -112px) rotate(294deg);
    opacity: 0.9588396329;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(294deg);
            transform: translate(-112.75px, -107.25px) rotate(294deg);
    opacity: 0.9588396329;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(294deg);
            transform: translate(-128.5px, -96.75px) rotate(294deg);
    opacity: 0.9588396329;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(294deg);
            transform: translate(-145px, -80px) rotate(294deg);
    opacity: 0.9588396329;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(294deg);
            transform: translate(-162.375px, -56.25px) rotate(294deg);
    opacity: 0.9588396329;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(294deg);
            transform: translate(-180.375px, -25px) rotate(294deg);
    opacity: 0.9588396329;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(294deg);
            transform: translate(-199.25px, 14.375px) rotate(294deg);
    opacity: 0.4794198165;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(294deg);
            transform: translate(-218.75px, 62.5px) rotate(294deg);
    opacity: 0;
  }
}
.confetti-left-140,
.confetti-right-140 {
  background-color: transparent;
  border-bottom: 3.5px solid #E61D47;
  border-left: 1.75px solid transparent;
  border-right: 1.75px solid transparent;
  height: 0;
  width: 3.5px;
  top: calc(25% - 7px);
  left: calc(50% - 2.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-140 {
  -webkit-animation: drop-left-140 1.4851775138s 0.8952528524s 2 forwards;
          animation: drop-left-140 1.4851775138s 0.8952528524s 2 forwards;
}

.confetti-right-140 {
  -webkit-animation: drop-right-140 1.2586047811s 1.2393201218s 2 forwards;
          animation: drop-right-140 1.2586047811s 1.2393201218s 2 forwards;
}

@-webkit-keyframes drop-left-140 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(42deg);
            transform: translate(0px, 0px) rotate(42deg);
    opacity: 1.1318490854;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(42deg);
            transform: translate(31.5px, -75px) rotate(42deg);
    opacity: 1.1318490854;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(42deg);
            transform: translate(70px, -144px) rotate(42deg);
    opacity: 1.1318490854;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(42deg);
            transform: translate(115.25px, -196.75px) rotate(42deg);
    opacity: 1.1318490854;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(42deg);
            transform: translate(140.5px, -214px) rotate(42deg);
    opacity: 1.1318490854;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(42deg);
            transform: translate(167.25px, -223.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(42deg);
            transform: translate(195.5px, -224px) rotate(42deg);
    opacity: 1.1318490854;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(42deg);
            transform: translate(225.5px, -214.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(42deg);
            transform: translate(257px, -193.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(42deg);
            transform: translate(290px, -160px) rotate(42deg);
    opacity: 1.1318490854;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(42deg);
            transform: translate(324.75px, -112.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(42deg);
            transform: translate(360.75px, -50px) rotate(42deg);
    opacity: 1.1318490854;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(42deg);
            transform: translate(398.5px, 28.75px) rotate(42deg);
    opacity: 0.5659245427;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(42deg);
            transform: translate(437.5px, 125px) rotate(42deg);
    opacity: 0;
  }
}

@keyframes drop-left-140 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(42deg);
            transform: translate(0px, 0px) rotate(42deg);
    opacity: 1.1318490854;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(42deg);
            transform: translate(31.5px, -75px) rotate(42deg);
    opacity: 1.1318490854;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(42deg);
            transform: translate(70px, -144px) rotate(42deg);
    opacity: 1.1318490854;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(42deg);
            transform: translate(115.25px, -196.75px) rotate(42deg);
    opacity: 1.1318490854;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(42deg);
            transform: translate(140.5px, -214px) rotate(42deg);
    opacity: 1.1318490854;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(42deg);
            transform: translate(167.25px, -223.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(42deg);
            transform: translate(195.5px, -224px) rotate(42deg);
    opacity: 1.1318490854;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(42deg);
            transform: translate(225.5px, -214.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(42deg);
            transform: translate(257px, -193.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(42deg);
            transform: translate(290px, -160px) rotate(42deg);
    opacity: 1.1318490854;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(42deg);
            transform: translate(324.75px, -112.5px) rotate(42deg);
    opacity: 1.1318490854;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(42deg);
            transform: translate(360.75px, -50px) rotate(42deg);
    opacity: 1.1318490854;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(42deg);
            transform: translate(398.5px, 28.75px) rotate(42deg);
    opacity: 0.5659245427;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(42deg);
            transform: translate(437.5px, 125px) rotate(42deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-140 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(333deg);
            transform: translate(0px, 0px) rotate(333deg);
    opacity: 0.6334353585;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(333deg);
            transform: translate(-6.3px, -15px) rotate(333deg);
    opacity: 0.6334353585;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(333deg);
            transform: translate(-14px, -28.8px) rotate(333deg);
    opacity: 0.6334353585;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(333deg);
            transform: translate(-23.05px, -39.35px) rotate(333deg);
    opacity: 0.6334353585;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(333deg);
            transform: translate(-28.1px, -42.8px) rotate(333deg);
    opacity: 0.6334353585;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(333deg);
            transform: translate(-33.45px, -44.7px) rotate(333deg);
    opacity: 0.6334353585;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(333deg);
            transform: translate(-39.1px, -44.8px) rotate(333deg);
    opacity: 0.6334353585;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(333deg);
            transform: translate(-45.1px, -42.9px) rotate(333deg);
    opacity: 0.6334353585;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(333deg);
            transform: translate(-51.4px, -38.7px) rotate(333deg);
    opacity: 0.6334353585;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(333deg);
            transform: translate(-58px, -32px) rotate(333deg);
    opacity: 0.6334353585;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(333deg);
            transform: translate(-64.95px, -22.5px) rotate(333deg);
    opacity: 0.6334353585;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(333deg);
            transform: translate(-72.15px, -10px) rotate(333deg);
    opacity: 0.6334353585;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(333deg);
            transform: translate(-79.7px, 5.75px) rotate(333deg);
    opacity: 0.3167176792;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(333deg);
            transform: translate(-87.5px, 25px) rotate(333deg);
    opacity: 0;
  }
}
@keyframes drop-right-140 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(333deg);
            transform: translate(0px, 0px) rotate(333deg);
    opacity: 0.6334353585;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(333deg);
            transform: translate(-6.3px, -15px) rotate(333deg);
    opacity: 0.6334353585;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(333deg);
            transform: translate(-14px, -28.8px) rotate(333deg);
    opacity: 0.6334353585;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(333deg);
            transform: translate(-23.05px, -39.35px) rotate(333deg);
    opacity: 0.6334353585;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(333deg);
            transform: translate(-28.1px, -42.8px) rotate(333deg);
    opacity: 0.6334353585;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(333deg);
            transform: translate(-33.45px, -44.7px) rotate(333deg);
    opacity: 0.6334353585;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(333deg);
            transform: translate(-39.1px, -44.8px) rotate(333deg);
    opacity: 0.6334353585;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(333deg);
            transform: translate(-45.1px, -42.9px) rotate(333deg);
    opacity: 0.6334353585;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(333deg);
            transform: translate(-51.4px, -38.7px) rotate(333deg);
    opacity: 0.6334353585;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(333deg);
            transform: translate(-58px, -32px) rotate(333deg);
    opacity: 0.6334353585;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(333deg);
            transform: translate(-64.95px, -22.5px) rotate(333deg);
    opacity: 0.6334353585;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(333deg);
            transform: translate(-72.15px, -10px) rotate(333deg);
    opacity: 0.6334353585;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(333deg);
            transform: translate(-79.7px, 5.75px) rotate(333deg);
    opacity: 0.3167176792;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(333deg);
            transform: translate(-87.5px, 25px) rotate(333deg);
    opacity: 0;
  }
}
.confetti-left-141,
.confetti-right-141 {
  width: 13px;
  height: 5.2px;
  background-color: #765AA3;
  top: calc(25% - 13px);
  left: calc(50% - 3.9px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-141 {
  -webkit-animation: drop-left-141 1.9951786612s 0.8503476378s 2 forwards;
          animation: drop-left-141 1.9951786612s 0.8503476378s 2 forwards;
}

.confetti-right-141 {
  -webkit-animation: drop-right-141 1.7921188949s 0.7685773538s 2 forwards;
          animation: drop-right-141 1.7921188949s 0.7685773538s 2 forwards;
}

@-webkit-keyframes drop-left-141 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(253deg);
            transform: translate(0px, 0px) rotate(253deg);
    opacity: 1.114292522;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(253deg);
            transform: translate(3.15px, -7.5px) rotate(253deg);
    opacity: 1.114292522;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(253deg);
            transform: translate(7px, -14.4px) rotate(253deg);
    opacity: 1.114292522;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(253deg);
            transform: translate(11.525px, -19.675px) rotate(253deg);
    opacity: 1.114292522;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(253deg);
            transform: translate(14.05px, -21.4px) rotate(253deg);
    opacity: 1.114292522;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(253deg);
            transform: translate(16.725px, -22.35px) rotate(253deg);
    opacity: 1.114292522;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(253deg);
            transform: translate(19.55px, -22.4px) rotate(253deg);
    opacity: 1.114292522;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(253deg);
            transform: translate(22.55px, -21.45px) rotate(253deg);
    opacity: 1.114292522;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(253deg);
            transform: translate(25.7px, -19.35px) rotate(253deg);
    opacity: 1.114292522;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(253deg);
            transform: translate(29px, -16px) rotate(253deg);
    opacity: 1.114292522;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(253deg);
            transform: translate(32.475px, -11.25px) rotate(253deg);
    opacity: 1.114292522;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(253deg);
            transform: translate(36.075px, -5px) rotate(253deg);
    opacity: 1.114292522;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(253deg);
            transform: translate(39.85px, 2.875px) rotate(253deg);
    opacity: 0.557146261;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(253deg);
            transform: translate(43.75px, 12.5px) rotate(253deg);
    opacity: 0;
  }
}

@keyframes drop-left-141 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(253deg);
            transform: translate(0px, 0px) rotate(253deg);
    opacity: 1.114292522;
  }
  10.7882% {
    -webkit-transform: translate(3.15px, -7.5px) rotate(253deg);
            transform: translate(3.15px, -7.5px) rotate(253deg);
    opacity: 1.114292522;
  }
  21.2266% {
    -webkit-transform: translate(7px, -14.4px) rotate(253deg);
            transform: translate(7px, -14.4px) rotate(253deg);
    opacity: 1.114292522;
  }
  30.4208% {
    -webkit-transform: translate(11.525px, -19.675px) rotate(253deg);
            transform: translate(11.525px, -19.675px) rotate(253deg);
    opacity: 1.114292522;
  }
  34.4519% {
    -webkit-transform: translate(14.05px, -21.4px) rotate(253deg);
            transform: translate(14.05px, -21.4px) rotate(253deg);
    opacity: 1.114292522;
  }
  38.2085% {
    -webkit-transform: translate(16.725px, -22.35px) rotate(253deg);
            transform: translate(16.725px, -22.35px) rotate(253deg);
    opacity: 1.114292522;
  }
  41.9607% {
    -webkit-transform: translate(19.55px, -22.4px) rotate(253deg);
            transform: translate(19.55px, -22.4px) rotate(253deg);
    opacity: 1.114292522;
  }
  46.1202% {
    -webkit-transform: translate(22.55px, -21.45px) rotate(253deg);
            transform: translate(22.55px, -21.45px) rotate(253deg);
    opacity: 1.114292522;
  }
  51.1287% {
    -webkit-transform: translate(25.7px, -19.35px) rotate(253deg);
            transform: translate(25.7px, -19.35px) rotate(253deg);
    opacity: 1.114292522;
  }
  57.3654% {
    -webkit-transform: translate(29px, -16px) rotate(253deg);
            transform: translate(29px, -16px) rotate(253deg);
    opacity: 1.114292522;
  }
  65.1344% {
    -webkit-transform: translate(32.475px, -11.25px) rotate(253deg);
            transform: translate(32.475px, -11.25px) rotate(253deg);
    opacity: 1.114292522;
  }
  74.6872% {
    -webkit-transform: translate(36.075px, -5px) rotate(253deg);
            transform: translate(36.075px, -5px) rotate(253deg);
    opacity: 1.114292522;
  }
  86.2425% {
    -webkit-transform: translate(39.85px, 2.875px) rotate(253deg);
            transform: translate(39.85px, 2.875px) rotate(253deg);
    opacity: 0.557146261;
  }
  100.0000% {
    -webkit-transform: translate(43.75px, 12.5px) rotate(253deg);
            transform: translate(43.75px, 12.5px) rotate(253deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-141 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(181deg);
            transform: translate(0px, 0px) rotate(181deg);
    opacity: 1.0580057042;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(181deg);
            transform: translate(-3.15px, -7.5px) rotate(181deg);
    opacity: 1.0580057042;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(181deg);
            transform: translate(-7px, -14.4px) rotate(181deg);
    opacity: 1.0580057042;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(181deg);
            transform: translate(-11.525px, -19.675px) rotate(181deg);
    opacity: 1.0580057042;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(181deg);
            transform: translate(-14.05px, -21.4px) rotate(181deg);
    opacity: 1.0580057042;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(181deg);
            transform: translate(-16.725px, -22.35px) rotate(181deg);
    opacity: 1.0580057042;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(181deg);
            transform: translate(-19.55px, -22.4px) rotate(181deg);
    opacity: 1.0580057042;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(181deg);
            transform: translate(-22.55px, -21.45px) rotate(181deg);
    opacity: 1.0580057042;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(181deg);
            transform: translate(-25.7px, -19.35px) rotate(181deg);
    opacity: 1.0580057042;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(181deg);
            transform: translate(-29px, -16px) rotate(181deg);
    opacity: 1.0580057042;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(181deg);
            transform: translate(-32.475px, -11.25px) rotate(181deg);
    opacity: 1.0580057042;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(181deg);
            transform: translate(-36.075px, -5px) rotate(181deg);
    opacity: 1.0580057042;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(181deg);
            transform: translate(-39.85px, 2.875px) rotate(181deg);
    opacity: 0.5290028521;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(181deg);
            transform: translate(-43.75px, 12.5px) rotate(181deg);
    opacity: 0;
  }
}
@keyframes drop-right-141 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(181deg);
            transform: translate(0px, 0px) rotate(181deg);
    opacity: 1.0580057042;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(181deg);
            transform: translate(-3.15px, -7.5px) rotate(181deg);
    opacity: 1.0580057042;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(181deg);
            transform: translate(-7px, -14.4px) rotate(181deg);
    opacity: 1.0580057042;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(181deg);
            transform: translate(-11.525px, -19.675px) rotate(181deg);
    opacity: 1.0580057042;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(181deg);
            transform: translate(-14.05px, -21.4px) rotate(181deg);
    opacity: 1.0580057042;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(181deg);
            transform: translate(-16.725px, -22.35px) rotate(181deg);
    opacity: 1.0580057042;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(181deg);
            transform: translate(-19.55px, -22.4px) rotate(181deg);
    opacity: 1.0580057042;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(181deg);
            transform: translate(-22.55px, -21.45px) rotate(181deg);
    opacity: 1.0580057042;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(181deg);
            transform: translate(-25.7px, -19.35px) rotate(181deg);
    opacity: 1.0580057042;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(181deg);
            transform: translate(-29px, -16px) rotate(181deg);
    opacity: 1.0580057042;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(181deg);
            transform: translate(-32.475px, -11.25px) rotate(181deg);
    opacity: 1.0580057042;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(181deg);
            transform: translate(-36.075px, -5px) rotate(181deg);
    opacity: 1.0580057042;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(181deg);
            transform: translate(-39.85px, 2.875px) rotate(181deg);
    opacity: 0.5290028521;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(181deg);
            transform: translate(-43.75px, 12.5px) rotate(181deg);
    opacity: 0;
  }
}
.confetti-left-142,
.confetti-right-142 {
  width: 11px;
  height: 4.4px;
  background-color: #8AB925;
  top: calc(25% - 11px);
  left: calc(50% - 3.3px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-142 {
  -webkit-animation: drop-left-142 1.2413697942s 0.8608257941s 2 forwards;
          animation: drop-left-142 1.2413697942s 0.8608257941s 2 forwards;
}

.confetti-right-142 {
  -webkit-animation: drop-right-142 1.1686964159s 0.7276833135s 2 forwards;
          animation: drop-right-142 1.1686964159s 0.7276833135s 2 forwards;
}

@-webkit-keyframes drop-left-142 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(245deg);
            transform: translate(0px, 0px) rotate(245deg);
    opacity: 0.7570664814;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(245deg);
            transform: translate(6.3px, -15px) rotate(245deg);
    opacity: 0.7570664814;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(245deg);
            transform: translate(14px, -28.8px) rotate(245deg);
    opacity: 0.7570664814;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(245deg);
            transform: translate(23.05px, -39.35px) rotate(245deg);
    opacity: 0.7570664814;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(245deg);
            transform: translate(28.1px, -42.8px) rotate(245deg);
    opacity: 0.7570664814;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(245deg);
            transform: translate(33.45px, -44.7px) rotate(245deg);
    opacity: 0.7570664814;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(245deg);
            transform: translate(39.1px, -44.8px) rotate(245deg);
    opacity: 0.7570664814;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(245deg);
            transform: translate(45.1px, -42.9px) rotate(245deg);
    opacity: 0.7570664814;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(245deg);
            transform: translate(51.4px, -38.7px) rotate(245deg);
    opacity: 0.7570664814;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(245deg);
            transform: translate(58px, -32px) rotate(245deg);
    opacity: 0.7570664814;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(245deg);
            transform: translate(64.95px, -22.5px) rotate(245deg);
    opacity: 0.7570664814;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(245deg);
            transform: translate(72.15px, -10px) rotate(245deg);
    opacity: 0.7570664814;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(245deg);
            transform: translate(79.7px, 5.75px) rotate(245deg);
    opacity: 0.3785332407;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(245deg);
            transform: translate(87.5px, 25px) rotate(245deg);
    opacity: 0;
  }
}

@keyframes drop-left-142 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(245deg);
            transform: translate(0px, 0px) rotate(245deg);
    opacity: 0.7570664814;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(245deg);
            transform: translate(6.3px, -15px) rotate(245deg);
    opacity: 0.7570664814;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(245deg);
            transform: translate(14px, -28.8px) rotate(245deg);
    opacity: 0.7570664814;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(245deg);
            transform: translate(23.05px, -39.35px) rotate(245deg);
    opacity: 0.7570664814;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(245deg);
            transform: translate(28.1px, -42.8px) rotate(245deg);
    opacity: 0.7570664814;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(245deg);
            transform: translate(33.45px, -44.7px) rotate(245deg);
    opacity: 0.7570664814;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(245deg);
            transform: translate(39.1px, -44.8px) rotate(245deg);
    opacity: 0.7570664814;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(245deg);
            transform: translate(45.1px, -42.9px) rotate(245deg);
    opacity: 0.7570664814;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(245deg);
            transform: translate(51.4px, -38.7px) rotate(245deg);
    opacity: 0.7570664814;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(245deg);
            transform: translate(58px, -32px) rotate(245deg);
    opacity: 0.7570664814;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(245deg);
            transform: translate(64.95px, -22.5px) rotate(245deg);
    opacity: 0.7570664814;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(245deg);
            transform: translate(72.15px, -10px) rotate(245deg);
    opacity: 0.7570664814;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(245deg);
            transform: translate(79.7px, 5.75px) rotate(245deg);
    opacity: 0.3785332407;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(245deg);
            transform: translate(87.5px, 25px) rotate(245deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-142 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(160deg);
            transform: translate(0px, 0px) rotate(160deg);
    opacity: 1.4431026703;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(160deg);
            transform: translate(-6.3px, -15px) rotate(160deg);
    opacity: 1.4431026703;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(160deg);
            transform: translate(-14px, -28.8px) rotate(160deg);
    opacity: 1.4431026703;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(160deg);
            transform: translate(-23.05px, -39.35px) rotate(160deg);
    opacity: 1.4431026703;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(160deg);
            transform: translate(-28.1px, -42.8px) rotate(160deg);
    opacity: 1.4431026703;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(160deg);
            transform: translate(-33.45px, -44.7px) rotate(160deg);
    opacity: 1.4431026703;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(160deg);
            transform: translate(-39.1px, -44.8px) rotate(160deg);
    opacity: 1.4431026703;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(160deg);
            transform: translate(-45.1px, -42.9px) rotate(160deg);
    opacity: 1.4431026703;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(160deg);
            transform: translate(-51.4px, -38.7px) rotate(160deg);
    opacity: 1.4431026703;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(160deg);
            transform: translate(-58px, -32px) rotate(160deg);
    opacity: 1.4431026703;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(160deg);
            transform: translate(-64.95px, -22.5px) rotate(160deg);
    opacity: 1.4431026703;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(160deg);
            transform: translate(-72.15px, -10px) rotate(160deg);
    opacity: 1.4431026703;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(160deg);
            transform: translate(-79.7px, 5.75px) rotate(160deg);
    opacity: 0.7215513351;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(160deg);
            transform: translate(-87.5px, 25px) rotate(160deg);
    opacity: 0;
  }
}
@keyframes drop-right-142 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(160deg);
            transform: translate(0px, 0px) rotate(160deg);
    opacity: 1.4431026703;
  }
  10.7882% {
    -webkit-transform: translate(-6.3px, -15px) rotate(160deg);
            transform: translate(-6.3px, -15px) rotate(160deg);
    opacity: 1.4431026703;
  }
  21.2266% {
    -webkit-transform: translate(-14px, -28.8px) rotate(160deg);
            transform: translate(-14px, -28.8px) rotate(160deg);
    opacity: 1.4431026703;
  }
  30.4208% {
    -webkit-transform: translate(-23.05px, -39.35px) rotate(160deg);
            transform: translate(-23.05px, -39.35px) rotate(160deg);
    opacity: 1.4431026703;
  }
  34.4519% {
    -webkit-transform: translate(-28.1px, -42.8px) rotate(160deg);
            transform: translate(-28.1px, -42.8px) rotate(160deg);
    opacity: 1.4431026703;
  }
  38.2085% {
    -webkit-transform: translate(-33.45px, -44.7px) rotate(160deg);
            transform: translate(-33.45px, -44.7px) rotate(160deg);
    opacity: 1.4431026703;
  }
  41.9607% {
    -webkit-transform: translate(-39.1px, -44.8px) rotate(160deg);
            transform: translate(-39.1px, -44.8px) rotate(160deg);
    opacity: 1.4431026703;
  }
  46.1202% {
    -webkit-transform: translate(-45.1px, -42.9px) rotate(160deg);
            transform: translate(-45.1px, -42.9px) rotate(160deg);
    opacity: 1.4431026703;
  }
  51.1287% {
    -webkit-transform: translate(-51.4px, -38.7px) rotate(160deg);
            transform: translate(-51.4px, -38.7px) rotate(160deg);
    opacity: 1.4431026703;
  }
  57.3654% {
    -webkit-transform: translate(-58px, -32px) rotate(160deg);
            transform: translate(-58px, -32px) rotate(160deg);
    opacity: 1.4431026703;
  }
  65.1344% {
    -webkit-transform: translate(-64.95px, -22.5px) rotate(160deg);
            transform: translate(-64.95px, -22.5px) rotate(160deg);
    opacity: 1.4431026703;
  }
  74.6872% {
    -webkit-transform: translate(-72.15px, -10px) rotate(160deg);
            transform: translate(-72.15px, -10px) rotate(160deg);
    opacity: 1.4431026703;
  }
  86.2425% {
    -webkit-transform: translate(-79.7px, 5.75px) rotate(160deg);
            transform: translate(-79.7px, 5.75px) rotate(160deg);
    opacity: 0.7215513351;
  }
  100.0000% {
    -webkit-transform: translate(-87.5px, 25px) rotate(160deg);
            transform: translate(-87.5px, 25px) rotate(160deg);
    opacity: 0;
  }
}
.confetti-left-143,
.confetti-right-143 {
  width: 1.2px;
  height: 1.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3FA5C3;
  top: calc(25% - 2px);
  left: calc(50% - 0.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-143 {
  -webkit-animation: drop-left-143 1.7727039828s 1.4398161244s 2 forwards;
          animation: drop-left-143 1.7727039828s 1.4398161244s 2 forwards;
}

.confetti-right-143 {
  -webkit-animation: drop-right-143 1.425604434s 1.0573723491s 2 forwards;
          animation: drop-right-143 1.425604434s 1.0573723491s 2 forwards;
}

@-webkit-keyframes drop-left-143 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(194deg);
            transform: translate(0px, 0px) rotate(194deg);
    opacity: 0.7145844232;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(194deg);
            transform: translate(6.3px, -15px) rotate(194deg);
    opacity: 0.7145844232;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(194deg);
            transform: translate(14px, -28.8px) rotate(194deg);
    opacity: 0.7145844232;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(194deg);
            transform: translate(23.05px, -39.35px) rotate(194deg);
    opacity: 0.7145844232;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(194deg);
            transform: translate(28.1px, -42.8px) rotate(194deg);
    opacity: 0.7145844232;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(194deg);
            transform: translate(33.45px, -44.7px) rotate(194deg);
    opacity: 0.7145844232;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(194deg);
            transform: translate(39.1px, -44.8px) rotate(194deg);
    opacity: 0.7145844232;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(194deg);
            transform: translate(45.1px, -42.9px) rotate(194deg);
    opacity: 0.7145844232;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(194deg);
            transform: translate(51.4px, -38.7px) rotate(194deg);
    opacity: 0.7145844232;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(194deg);
            transform: translate(58px, -32px) rotate(194deg);
    opacity: 0.7145844232;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(194deg);
            transform: translate(64.95px, -22.5px) rotate(194deg);
    opacity: 0.7145844232;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(194deg);
            transform: translate(72.15px, -10px) rotate(194deg);
    opacity: 0.7145844232;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(194deg);
            transform: translate(79.7px, 5.75px) rotate(194deg);
    opacity: 0.3572922116;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(194deg);
            transform: translate(87.5px, 25px) rotate(194deg);
    opacity: 0;
  }
}

@keyframes drop-left-143 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(194deg);
            transform: translate(0px, 0px) rotate(194deg);
    opacity: 0.7145844232;
  }
  10.7882% {
    -webkit-transform: translate(6.3px, -15px) rotate(194deg);
            transform: translate(6.3px, -15px) rotate(194deg);
    opacity: 0.7145844232;
  }
  21.2266% {
    -webkit-transform: translate(14px, -28.8px) rotate(194deg);
            transform: translate(14px, -28.8px) rotate(194deg);
    opacity: 0.7145844232;
  }
  30.4208% {
    -webkit-transform: translate(23.05px, -39.35px) rotate(194deg);
            transform: translate(23.05px, -39.35px) rotate(194deg);
    opacity: 0.7145844232;
  }
  34.4519% {
    -webkit-transform: translate(28.1px, -42.8px) rotate(194deg);
            transform: translate(28.1px, -42.8px) rotate(194deg);
    opacity: 0.7145844232;
  }
  38.2085% {
    -webkit-transform: translate(33.45px, -44.7px) rotate(194deg);
            transform: translate(33.45px, -44.7px) rotate(194deg);
    opacity: 0.7145844232;
  }
  41.9607% {
    -webkit-transform: translate(39.1px, -44.8px) rotate(194deg);
            transform: translate(39.1px, -44.8px) rotate(194deg);
    opacity: 0.7145844232;
  }
  46.1202% {
    -webkit-transform: translate(45.1px, -42.9px) rotate(194deg);
            transform: translate(45.1px, -42.9px) rotate(194deg);
    opacity: 0.7145844232;
  }
  51.1287% {
    -webkit-transform: translate(51.4px, -38.7px) rotate(194deg);
            transform: translate(51.4px, -38.7px) rotate(194deg);
    opacity: 0.7145844232;
  }
  57.3654% {
    -webkit-transform: translate(58px, -32px) rotate(194deg);
            transform: translate(58px, -32px) rotate(194deg);
    opacity: 0.7145844232;
  }
  65.1344% {
    -webkit-transform: translate(64.95px, -22.5px) rotate(194deg);
            transform: translate(64.95px, -22.5px) rotate(194deg);
    opacity: 0.7145844232;
  }
  74.6872% {
    -webkit-transform: translate(72.15px, -10px) rotate(194deg);
            transform: translate(72.15px, -10px) rotate(194deg);
    opacity: 0.7145844232;
  }
  86.2425% {
    -webkit-transform: translate(79.7px, 5.75px) rotate(194deg);
            transform: translate(79.7px, 5.75px) rotate(194deg);
    opacity: 0.3572922116;
  }
  100.0000% {
    -webkit-transform: translate(87.5px, 25px) rotate(194deg);
            transform: translate(87.5px, 25px) rotate(194deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-143 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(48deg);
            transform: translate(0px, 0px) rotate(48deg);
    opacity: 0.8592848515;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(48deg);
            transform: translate(-25.2px, -60px) rotate(48deg);
    opacity: 0.8592848515;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(48deg);
            transform: translate(-56px, -115.2px) rotate(48deg);
    opacity: 0.8592848515;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(48deg);
            transform: translate(-92.2px, -157.4px) rotate(48deg);
    opacity: 0.8592848515;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(48deg);
            transform: translate(-112.4px, -171.2px) rotate(48deg);
    opacity: 0.8592848515;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(48deg);
            transform: translate(-133.8px, -178.8px) rotate(48deg);
    opacity: 0.8592848515;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(48deg);
            transform: translate(-156.4px, -179.2px) rotate(48deg);
    opacity: 0.8592848515;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(48deg);
            transform: translate(-180.4px, -171.6px) rotate(48deg);
    opacity: 0.8592848515;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(48deg);
            transform: translate(-205.6px, -154.8px) rotate(48deg);
    opacity: 0.8592848515;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(48deg);
            transform: translate(-232px, -128px) rotate(48deg);
    opacity: 0.8592848515;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(48deg);
            transform: translate(-259.8px, -90px) rotate(48deg);
    opacity: 0.8592848515;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(48deg);
            transform: translate(-288.6px, -40px) rotate(48deg);
    opacity: 0.8592848515;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(48deg);
            transform: translate(-318.8px, 23px) rotate(48deg);
    opacity: 0.4296424257;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(48deg);
            transform: translate(-350px, 100px) rotate(48deg);
    opacity: 0;
  }
}
@keyframes drop-right-143 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(48deg);
            transform: translate(0px, 0px) rotate(48deg);
    opacity: 0.8592848515;
  }
  10.7882% {
    -webkit-transform: translate(-25.2px, -60px) rotate(48deg);
            transform: translate(-25.2px, -60px) rotate(48deg);
    opacity: 0.8592848515;
  }
  21.2266% {
    -webkit-transform: translate(-56px, -115.2px) rotate(48deg);
            transform: translate(-56px, -115.2px) rotate(48deg);
    opacity: 0.8592848515;
  }
  30.4208% {
    -webkit-transform: translate(-92.2px, -157.4px) rotate(48deg);
            transform: translate(-92.2px, -157.4px) rotate(48deg);
    opacity: 0.8592848515;
  }
  34.4519% {
    -webkit-transform: translate(-112.4px, -171.2px) rotate(48deg);
            transform: translate(-112.4px, -171.2px) rotate(48deg);
    opacity: 0.8592848515;
  }
  38.2085% {
    -webkit-transform: translate(-133.8px, -178.8px) rotate(48deg);
            transform: translate(-133.8px, -178.8px) rotate(48deg);
    opacity: 0.8592848515;
  }
  41.9607% {
    -webkit-transform: translate(-156.4px, -179.2px) rotate(48deg);
            transform: translate(-156.4px, -179.2px) rotate(48deg);
    opacity: 0.8592848515;
  }
  46.1202% {
    -webkit-transform: translate(-180.4px, -171.6px) rotate(48deg);
            transform: translate(-180.4px, -171.6px) rotate(48deg);
    opacity: 0.8592848515;
  }
  51.1287% {
    -webkit-transform: translate(-205.6px, -154.8px) rotate(48deg);
            transform: translate(-205.6px, -154.8px) rotate(48deg);
    opacity: 0.8592848515;
  }
  57.3654% {
    -webkit-transform: translate(-232px, -128px) rotate(48deg);
            transform: translate(-232px, -128px) rotate(48deg);
    opacity: 0.8592848515;
  }
  65.1344% {
    -webkit-transform: translate(-259.8px, -90px) rotate(48deg);
            transform: translate(-259.8px, -90px) rotate(48deg);
    opacity: 0.8592848515;
  }
  74.6872% {
    -webkit-transform: translate(-288.6px, -40px) rotate(48deg);
            transform: translate(-288.6px, -40px) rotate(48deg);
    opacity: 0.8592848515;
  }
  86.2425% {
    -webkit-transform: translate(-318.8px, 23px) rotate(48deg);
            transform: translate(-318.8px, 23px) rotate(48deg);
    opacity: 0.4296424257;
  }
  100.0000% {
    -webkit-transform: translate(-350px, 100px) rotate(48deg);
            transform: translate(-350px, 100px) rotate(48deg);
    opacity: 0;
  }
}
.confetti-left-144,
.confetti-right-144 {
  width: 6px;
  height: 2.4px;
  background-color: #8AB925;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-144 {
  -webkit-animation: drop-left-144 1.8770912787s 1.2025362408s 2 forwards;
          animation: drop-left-144 1.8770912787s 1.2025362408s 2 forwards;
}

.confetti-right-144 {
  -webkit-animation: drop-right-144 1.8955524421s 1.4393693404s 2 forwards;
          animation: drop-right-144 1.8955524421s 1.4393693404s 2 forwards;
}

@-webkit-keyframes drop-left-144 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(9deg);
            transform: translate(0px, 0px) rotate(9deg);
    opacity: 1.283995748;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(9deg);
            transform: translate(28.35px, -67.5px) rotate(9deg);
    opacity: 1.283995748;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(9deg);
            transform: translate(63px, -129.6px) rotate(9deg);
    opacity: 1.283995748;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(9deg);
            transform: translate(103.725px, -177.075px) rotate(9deg);
    opacity: 1.283995748;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(9deg);
            transform: translate(126.45px, -192.6px) rotate(9deg);
    opacity: 1.283995748;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(9deg);
            transform: translate(150.525px, -201.15px) rotate(9deg);
    opacity: 1.283995748;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(9deg);
            transform: translate(175.95px, -201.6px) rotate(9deg);
    opacity: 1.283995748;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(9deg);
            transform: translate(202.95px, -193.05px) rotate(9deg);
    opacity: 1.283995748;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(9deg);
            transform: translate(231.3px, -174.15px) rotate(9deg);
    opacity: 1.283995748;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(9deg);
            transform: translate(261px, -144px) rotate(9deg);
    opacity: 1.283995748;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(9deg);
            transform: translate(292.275px, -101.25px) rotate(9deg);
    opacity: 1.283995748;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(9deg);
            transform: translate(324.675px, -45px) rotate(9deg);
    opacity: 1.283995748;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(9deg);
            transform: translate(358.65px, 25.875px) rotate(9deg);
    opacity: 0.641997874;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(9deg);
            transform: translate(393.75px, 112.5px) rotate(9deg);
    opacity: 0;
  }
}

@keyframes drop-left-144 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(9deg);
            transform: translate(0px, 0px) rotate(9deg);
    opacity: 1.283995748;
  }
  10.7882% {
    -webkit-transform: translate(28.35px, -67.5px) rotate(9deg);
            transform: translate(28.35px, -67.5px) rotate(9deg);
    opacity: 1.283995748;
  }
  21.2266% {
    -webkit-transform: translate(63px, -129.6px) rotate(9deg);
            transform: translate(63px, -129.6px) rotate(9deg);
    opacity: 1.283995748;
  }
  30.4208% {
    -webkit-transform: translate(103.725px, -177.075px) rotate(9deg);
            transform: translate(103.725px, -177.075px) rotate(9deg);
    opacity: 1.283995748;
  }
  34.4519% {
    -webkit-transform: translate(126.45px, -192.6px) rotate(9deg);
            transform: translate(126.45px, -192.6px) rotate(9deg);
    opacity: 1.283995748;
  }
  38.2085% {
    -webkit-transform: translate(150.525px, -201.15px) rotate(9deg);
            transform: translate(150.525px, -201.15px) rotate(9deg);
    opacity: 1.283995748;
  }
  41.9607% {
    -webkit-transform: translate(175.95px, -201.6px) rotate(9deg);
            transform: translate(175.95px, -201.6px) rotate(9deg);
    opacity: 1.283995748;
  }
  46.1202% {
    -webkit-transform: translate(202.95px, -193.05px) rotate(9deg);
            transform: translate(202.95px, -193.05px) rotate(9deg);
    opacity: 1.283995748;
  }
  51.1287% {
    -webkit-transform: translate(231.3px, -174.15px) rotate(9deg);
            transform: translate(231.3px, -174.15px) rotate(9deg);
    opacity: 1.283995748;
  }
  57.3654% {
    -webkit-transform: translate(261px, -144px) rotate(9deg);
            transform: translate(261px, -144px) rotate(9deg);
    opacity: 1.283995748;
  }
  65.1344% {
    -webkit-transform: translate(292.275px, -101.25px) rotate(9deg);
            transform: translate(292.275px, -101.25px) rotate(9deg);
    opacity: 1.283995748;
  }
  74.6872% {
    -webkit-transform: translate(324.675px, -45px) rotate(9deg);
            transform: translate(324.675px, -45px) rotate(9deg);
    opacity: 1.283995748;
  }
  86.2425% {
    -webkit-transform: translate(358.65px, 25.875px) rotate(9deg);
            transform: translate(358.65px, 25.875px) rotate(9deg);
    opacity: 0.641997874;
  }
  100.0000% {
    -webkit-transform: translate(393.75px, 112.5px) rotate(9deg);
            transform: translate(393.75px, 112.5px) rotate(9deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-144 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(68deg);
            transform: translate(0px, 0px) rotate(68deg);
    opacity: 0.7588578343;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(68deg);
            transform: translate(-18.9px, -45px) rotate(68deg);
    opacity: 0.7588578343;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(68deg);
            transform: translate(-42px, -86.4px) rotate(68deg);
    opacity: 0.7588578343;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(68deg);
            transform: translate(-69.15px, -118.05px) rotate(68deg);
    opacity: 0.7588578343;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(68deg);
            transform: translate(-84.3px, -128.4px) rotate(68deg);
    opacity: 0.7588578343;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(68deg);
            transform: translate(-100.35px, -134.1px) rotate(68deg);
    opacity: 0.7588578343;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(68deg);
            transform: translate(-117.3px, -134.4px) rotate(68deg);
    opacity: 0.7588578343;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(68deg);
            transform: translate(-135.3px, -128.7px) rotate(68deg);
    opacity: 0.7588578343;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(68deg);
            transform: translate(-154.2px, -116.1px) rotate(68deg);
    opacity: 0.7588578343;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(68deg);
            transform: translate(-174px, -96px) rotate(68deg);
    opacity: 0.7588578343;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(68deg);
            transform: translate(-194.85px, -67.5px) rotate(68deg);
    opacity: 0.7588578343;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(68deg);
            transform: translate(-216.45px, -30px) rotate(68deg);
    opacity: 0.7588578343;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(68deg);
            transform: translate(-239.1px, 17.25px) rotate(68deg);
    opacity: 0.3794289172;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(68deg);
            transform: translate(-262.5px, 75px) rotate(68deg);
    opacity: 0;
  }
}
@keyframes drop-right-144 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(68deg);
            transform: translate(0px, 0px) rotate(68deg);
    opacity: 0.7588578343;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(68deg);
            transform: translate(-18.9px, -45px) rotate(68deg);
    opacity: 0.7588578343;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(68deg);
            transform: translate(-42px, -86.4px) rotate(68deg);
    opacity: 0.7588578343;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(68deg);
            transform: translate(-69.15px, -118.05px) rotate(68deg);
    opacity: 0.7588578343;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(68deg);
            transform: translate(-84.3px, -128.4px) rotate(68deg);
    opacity: 0.7588578343;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(68deg);
            transform: translate(-100.35px, -134.1px) rotate(68deg);
    opacity: 0.7588578343;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(68deg);
            transform: translate(-117.3px, -134.4px) rotate(68deg);
    opacity: 0.7588578343;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(68deg);
            transform: translate(-135.3px, -128.7px) rotate(68deg);
    opacity: 0.7588578343;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(68deg);
            transform: translate(-154.2px, -116.1px) rotate(68deg);
    opacity: 0.7588578343;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(68deg);
            transform: translate(-174px, -96px) rotate(68deg);
    opacity: 0.7588578343;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(68deg);
            transform: translate(-194.85px, -67.5px) rotate(68deg);
    opacity: 0.7588578343;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(68deg);
            transform: translate(-216.45px, -30px) rotate(68deg);
    opacity: 0.7588578343;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(68deg);
            transform: translate(-239.1px, 17.25px) rotate(68deg);
    opacity: 0.3794289172;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(68deg);
            transform: translate(-262.5px, 75px) rotate(68deg);
    opacity: 0;
  }
}
.confetti-left-145,
.confetti-right-145 {
  width: 4px;
  height: 1.6px;
  background-color: #F4BB2F;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-145 {
  -webkit-animation: drop-left-145 1.586732393s 1.273334005s 2 forwards;
          animation: drop-left-145 1.586732393s 1.273334005s 2 forwards;
}

.confetti-right-145 {
  -webkit-animation: drop-right-145 1.8883717031s 0.6950236709s 2 forwards;
          animation: drop-right-145 1.8883717031s 0.6950236709s 2 forwards;
}

@-webkit-keyframes drop-left-145 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(151deg);
            transform: translate(0px, 0px) rotate(151deg);
    opacity: 0.5103397533;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(151deg);
            transform: translate(9.45px, -22.5px) rotate(151deg);
    opacity: 0.5103397533;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(151deg);
            transform: translate(21px, -43.2px) rotate(151deg);
    opacity: 0.5103397533;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(151deg);
            transform: translate(34.575px, -59.025px) rotate(151deg);
    opacity: 0.5103397533;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(151deg);
            transform: translate(42.15px, -64.2px) rotate(151deg);
    opacity: 0.5103397533;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(151deg);
            transform: translate(50.175px, -67.05px) rotate(151deg);
    opacity: 0.5103397533;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(151deg);
            transform: translate(58.65px, -67.2px) rotate(151deg);
    opacity: 0.5103397533;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(151deg);
            transform: translate(67.65px, -64.35px) rotate(151deg);
    opacity: 0.5103397533;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(151deg);
            transform: translate(77.1px, -58.05px) rotate(151deg);
    opacity: 0.5103397533;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(151deg);
            transform: translate(87px, -48px) rotate(151deg);
    opacity: 0.5103397533;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(151deg);
            transform: translate(97.425px, -33.75px) rotate(151deg);
    opacity: 0.5103397533;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(151deg);
            transform: translate(108.225px, -15px) rotate(151deg);
    opacity: 0.5103397533;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(151deg);
            transform: translate(119.55px, 8.625px) rotate(151deg);
    opacity: 0.2551698766;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(151deg);
            transform: translate(131.25px, 37.5px) rotate(151deg);
    opacity: 0;
  }
}

@keyframes drop-left-145 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(151deg);
            transform: translate(0px, 0px) rotate(151deg);
    opacity: 0.5103397533;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(151deg);
            transform: translate(9.45px, -22.5px) rotate(151deg);
    opacity: 0.5103397533;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(151deg);
            transform: translate(21px, -43.2px) rotate(151deg);
    opacity: 0.5103397533;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(151deg);
            transform: translate(34.575px, -59.025px) rotate(151deg);
    opacity: 0.5103397533;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(151deg);
            transform: translate(42.15px, -64.2px) rotate(151deg);
    opacity: 0.5103397533;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(151deg);
            transform: translate(50.175px, -67.05px) rotate(151deg);
    opacity: 0.5103397533;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(151deg);
            transform: translate(58.65px, -67.2px) rotate(151deg);
    opacity: 0.5103397533;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(151deg);
            transform: translate(67.65px, -64.35px) rotate(151deg);
    opacity: 0.5103397533;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(151deg);
            transform: translate(77.1px, -58.05px) rotate(151deg);
    opacity: 0.5103397533;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(151deg);
            transform: translate(87px, -48px) rotate(151deg);
    opacity: 0.5103397533;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(151deg);
            transform: translate(97.425px, -33.75px) rotate(151deg);
    opacity: 0.5103397533;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(151deg);
            transform: translate(108.225px, -15px) rotate(151deg);
    opacity: 0.5103397533;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(151deg);
            transform: translate(119.55px, 8.625px) rotate(151deg);
    opacity: 0.2551698766;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(151deg);
            transform: translate(131.25px, 37.5px) rotate(151deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-145 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(117deg);
            transform: translate(0px, 0px) rotate(117deg);
    opacity: 1.2418516343;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(117deg);
            transform: translate(-12.6px, -30px) rotate(117deg);
    opacity: 1.2418516343;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(117deg);
            transform: translate(-28px, -57.6px) rotate(117deg);
    opacity: 1.2418516343;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(117deg);
            transform: translate(-46.1px, -78.7px) rotate(117deg);
    opacity: 1.2418516343;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(117deg);
            transform: translate(-56.2px, -85.6px) rotate(117deg);
    opacity: 1.2418516343;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(117deg);
            transform: translate(-66.9px, -89.4px) rotate(117deg);
    opacity: 1.2418516343;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(117deg);
            transform: translate(-78.2px, -89.6px) rotate(117deg);
    opacity: 1.2418516343;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(117deg);
            transform: translate(-90.2px, -85.8px) rotate(117deg);
    opacity: 1.2418516343;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(117deg);
            transform: translate(-102.8px, -77.4px) rotate(117deg);
    opacity: 1.2418516343;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(117deg);
            transform: translate(-116px, -64px) rotate(117deg);
    opacity: 1.2418516343;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(117deg);
            transform: translate(-129.9px, -45px) rotate(117deg);
    opacity: 1.2418516343;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(117deg);
            transform: translate(-144.3px, -20px) rotate(117deg);
    opacity: 1.2418516343;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(117deg);
            transform: translate(-159.4px, 11.5px) rotate(117deg);
    opacity: 0.6209258172;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(117deg);
            transform: translate(-175px, 50px) rotate(117deg);
    opacity: 0;
  }
}
@keyframes drop-right-145 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(117deg);
            transform: translate(0px, 0px) rotate(117deg);
    opacity: 1.2418516343;
  }
  10.7882% {
    -webkit-transform: translate(-12.6px, -30px) rotate(117deg);
            transform: translate(-12.6px, -30px) rotate(117deg);
    opacity: 1.2418516343;
  }
  21.2266% {
    -webkit-transform: translate(-28px, -57.6px) rotate(117deg);
            transform: translate(-28px, -57.6px) rotate(117deg);
    opacity: 1.2418516343;
  }
  30.4208% {
    -webkit-transform: translate(-46.1px, -78.7px) rotate(117deg);
            transform: translate(-46.1px, -78.7px) rotate(117deg);
    opacity: 1.2418516343;
  }
  34.4519% {
    -webkit-transform: translate(-56.2px, -85.6px) rotate(117deg);
            transform: translate(-56.2px, -85.6px) rotate(117deg);
    opacity: 1.2418516343;
  }
  38.2085% {
    -webkit-transform: translate(-66.9px, -89.4px) rotate(117deg);
            transform: translate(-66.9px, -89.4px) rotate(117deg);
    opacity: 1.2418516343;
  }
  41.9607% {
    -webkit-transform: translate(-78.2px, -89.6px) rotate(117deg);
            transform: translate(-78.2px, -89.6px) rotate(117deg);
    opacity: 1.2418516343;
  }
  46.1202% {
    -webkit-transform: translate(-90.2px, -85.8px) rotate(117deg);
            transform: translate(-90.2px, -85.8px) rotate(117deg);
    opacity: 1.2418516343;
  }
  51.1287% {
    -webkit-transform: translate(-102.8px, -77.4px) rotate(117deg);
            transform: translate(-102.8px, -77.4px) rotate(117deg);
    opacity: 1.2418516343;
  }
  57.3654% {
    -webkit-transform: translate(-116px, -64px) rotate(117deg);
            transform: translate(-116px, -64px) rotate(117deg);
    opacity: 1.2418516343;
  }
  65.1344% {
    -webkit-transform: translate(-129.9px, -45px) rotate(117deg);
            transform: translate(-129.9px, -45px) rotate(117deg);
    opacity: 1.2418516343;
  }
  74.6872% {
    -webkit-transform: translate(-144.3px, -20px) rotate(117deg);
            transform: translate(-144.3px, -20px) rotate(117deg);
    opacity: 1.2418516343;
  }
  86.2425% {
    -webkit-transform: translate(-159.4px, 11.5px) rotate(117deg);
            transform: translate(-159.4px, 11.5px) rotate(117deg);
    opacity: 0.6209258172;
  }
  100.0000% {
    -webkit-transform: translate(-175px, 50px) rotate(117deg);
            transform: translate(-175px, 50px) rotate(117deg);
    opacity: 0;
  }
}
.confetti-left-146,
.confetti-right-146 {
  width: 15px;
  height: 6px;
  background-color: #3FA5C3;
  top: calc(25% - 15px);
  left: calc(50% - 4.5px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-146 {
  -webkit-animation: drop-left-146 1.5061517563s 0.8261776052s 2 forwards;
          animation: drop-left-146 1.5061517563s 0.8261776052s 2 forwards;
}

.confetti-right-146 {
  -webkit-animation: drop-right-146 1.8994565849s 0.9697236715s 2 forwards;
          animation: drop-right-146 1.8994565849s 0.9697236715s 2 forwards;
}

@-webkit-keyframes drop-left-146 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 0.5379653796;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(63deg);
            transform: translate(18.9px, -45px) rotate(63deg);
    opacity: 0.5379653796;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(63deg);
            transform: translate(42px, -86.4px) rotate(63deg);
    opacity: 0.5379653796;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(63deg);
            transform: translate(69.15px, -118.05px) rotate(63deg);
    opacity: 0.5379653796;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(63deg);
            transform: translate(84.3px, -128.4px) rotate(63deg);
    opacity: 0.5379653796;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(63deg);
            transform: translate(100.35px, -134.1px) rotate(63deg);
    opacity: 0.5379653796;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(63deg);
            transform: translate(117.3px, -134.4px) rotate(63deg);
    opacity: 0.5379653796;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(63deg);
            transform: translate(135.3px, -128.7px) rotate(63deg);
    opacity: 0.5379653796;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(63deg);
            transform: translate(154.2px, -116.1px) rotate(63deg);
    opacity: 0.5379653796;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(63deg);
            transform: translate(174px, -96px) rotate(63deg);
    opacity: 0.5379653796;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(63deg);
            transform: translate(194.85px, -67.5px) rotate(63deg);
    opacity: 0.5379653796;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(63deg);
            transform: translate(216.45px, -30px) rotate(63deg);
    opacity: 0.5379653796;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(63deg);
            transform: translate(239.1px, 17.25px) rotate(63deg);
    opacity: 0.2689826898;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(63deg);
            transform: translate(262.5px, 75px) rotate(63deg);
    opacity: 0;
  }
}

@keyframes drop-left-146 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(63deg);
            transform: translate(0px, 0px) rotate(63deg);
    opacity: 0.5379653796;
  }
  10.7882% {
    -webkit-transform: translate(18.9px, -45px) rotate(63deg);
            transform: translate(18.9px, -45px) rotate(63deg);
    opacity: 0.5379653796;
  }
  21.2266% {
    -webkit-transform: translate(42px, -86.4px) rotate(63deg);
            transform: translate(42px, -86.4px) rotate(63deg);
    opacity: 0.5379653796;
  }
  30.4208% {
    -webkit-transform: translate(69.15px, -118.05px) rotate(63deg);
            transform: translate(69.15px, -118.05px) rotate(63deg);
    opacity: 0.5379653796;
  }
  34.4519% {
    -webkit-transform: translate(84.3px, -128.4px) rotate(63deg);
            transform: translate(84.3px, -128.4px) rotate(63deg);
    opacity: 0.5379653796;
  }
  38.2085% {
    -webkit-transform: translate(100.35px, -134.1px) rotate(63deg);
            transform: translate(100.35px, -134.1px) rotate(63deg);
    opacity: 0.5379653796;
  }
  41.9607% {
    -webkit-transform: translate(117.3px, -134.4px) rotate(63deg);
            transform: translate(117.3px, -134.4px) rotate(63deg);
    opacity: 0.5379653796;
  }
  46.1202% {
    -webkit-transform: translate(135.3px, -128.7px) rotate(63deg);
            transform: translate(135.3px, -128.7px) rotate(63deg);
    opacity: 0.5379653796;
  }
  51.1287% {
    -webkit-transform: translate(154.2px, -116.1px) rotate(63deg);
            transform: translate(154.2px, -116.1px) rotate(63deg);
    opacity: 0.5379653796;
  }
  57.3654% {
    -webkit-transform: translate(174px, -96px) rotate(63deg);
            transform: translate(174px, -96px) rotate(63deg);
    opacity: 0.5379653796;
  }
  65.1344% {
    -webkit-transform: translate(194.85px, -67.5px) rotate(63deg);
            transform: translate(194.85px, -67.5px) rotate(63deg);
    opacity: 0.5379653796;
  }
  74.6872% {
    -webkit-transform: translate(216.45px, -30px) rotate(63deg);
            transform: translate(216.45px, -30px) rotate(63deg);
    opacity: 0.5379653796;
  }
  86.2425% {
    -webkit-transform: translate(239.1px, 17.25px) rotate(63deg);
            transform: translate(239.1px, 17.25px) rotate(63deg);
    opacity: 0.2689826898;
  }
  100.0000% {
    -webkit-transform: translate(262.5px, 75px) rotate(63deg);
            transform: translate(262.5px, 75px) rotate(63deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-146 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(213deg);
            transform: translate(0px, 0px) rotate(213deg);
    opacity: 1.4477967527;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(213deg);
            transform: translate(-3.15px, -7.5px) rotate(213deg);
    opacity: 1.4477967527;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(213deg);
            transform: translate(-7px, -14.4px) rotate(213deg);
    opacity: 1.4477967527;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(213deg);
            transform: translate(-11.525px, -19.675px) rotate(213deg);
    opacity: 1.4477967527;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(213deg);
            transform: translate(-14.05px, -21.4px) rotate(213deg);
    opacity: 1.4477967527;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(213deg);
            transform: translate(-16.725px, -22.35px) rotate(213deg);
    opacity: 1.4477967527;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(213deg);
            transform: translate(-19.55px, -22.4px) rotate(213deg);
    opacity: 1.4477967527;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(213deg);
            transform: translate(-22.55px, -21.45px) rotate(213deg);
    opacity: 1.4477967527;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(213deg);
            transform: translate(-25.7px, -19.35px) rotate(213deg);
    opacity: 1.4477967527;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(213deg);
            transform: translate(-29px, -16px) rotate(213deg);
    opacity: 1.4477967527;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(213deg);
            transform: translate(-32.475px, -11.25px) rotate(213deg);
    opacity: 1.4477967527;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(213deg);
            transform: translate(-36.075px, -5px) rotate(213deg);
    opacity: 1.4477967527;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(213deg);
            transform: translate(-39.85px, 2.875px) rotate(213deg);
    opacity: 0.7238983763;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(213deg);
            transform: translate(-43.75px, 12.5px) rotate(213deg);
    opacity: 0;
  }
}
@keyframes drop-right-146 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(213deg);
            transform: translate(0px, 0px) rotate(213deg);
    opacity: 1.4477967527;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(213deg);
            transform: translate(-3.15px, -7.5px) rotate(213deg);
    opacity: 1.4477967527;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(213deg);
            transform: translate(-7px, -14.4px) rotate(213deg);
    opacity: 1.4477967527;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(213deg);
            transform: translate(-11.525px, -19.675px) rotate(213deg);
    opacity: 1.4477967527;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(213deg);
            transform: translate(-14.05px, -21.4px) rotate(213deg);
    opacity: 1.4477967527;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(213deg);
            transform: translate(-16.725px, -22.35px) rotate(213deg);
    opacity: 1.4477967527;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(213deg);
            transform: translate(-19.55px, -22.4px) rotate(213deg);
    opacity: 1.4477967527;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(213deg);
            transform: translate(-22.55px, -21.45px) rotate(213deg);
    opacity: 1.4477967527;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(213deg);
            transform: translate(-25.7px, -19.35px) rotate(213deg);
    opacity: 1.4477967527;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(213deg);
            transform: translate(-29px, -16px) rotate(213deg);
    opacity: 1.4477967527;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(213deg);
            transform: translate(-32.475px, -11.25px) rotate(213deg);
    opacity: 1.4477967527;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(213deg);
            transform: translate(-36.075px, -5px) rotate(213deg);
    opacity: 1.4477967527;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(213deg);
            transform: translate(-39.85px, 2.875px) rotate(213deg);
    opacity: 0.7238983763;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(213deg);
            transform: translate(-43.75px, 12.5px) rotate(213deg);
    opacity: 0;
  }
}
.confetti-left-147,
.confetti-right-147 {
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E61D47;
  top: calc(25% - 12px);
  left: calc(50% - 3.6px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-147 {
  -webkit-animation: drop-left-147 1.7166652587s 1.4332514429s 2 forwards;
          animation: drop-left-147 1.7166652587s 1.4332514429s 2 forwards;
}

.confetti-right-147 {
  -webkit-animation: drop-right-147 1.8569696287s 0.8971796335s 2 forwards;
          animation: drop-right-147 1.8569696287s 0.8971796335s 2 forwards;
}

@-webkit-keyframes drop-left-147 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(326deg);
            transform: translate(0px, 0px) rotate(326deg);
    opacity: 0.6401007143;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(326deg);
            transform: translate(9.45px, -22.5px) rotate(326deg);
    opacity: 0.6401007143;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(326deg);
            transform: translate(21px, -43.2px) rotate(326deg);
    opacity: 0.6401007143;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(326deg);
            transform: translate(34.575px, -59.025px) rotate(326deg);
    opacity: 0.6401007143;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(326deg);
            transform: translate(42.15px, -64.2px) rotate(326deg);
    opacity: 0.6401007143;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(326deg);
            transform: translate(50.175px, -67.05px) rotate(326deg);
    opacity: 0.6401007143;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(326deg);
            transform: translate(58.65px, -67.2px) rotate(326deg);
    opacity: 0.6401007143;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(326deg);
            transform: translate(67.65px, -64.35px) rotate(326deg);
    opacity: 0.6401007143;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(326deg);
            transform: translate(77.1px, -58.05px) rotate(326deg);
    opacity: 0.6401007143;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(326deg);
            transform: translate(87px, -48px) rotate(326deg);
    opacity: 0.6401007143;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(326deg);
            transform: translate(97.425px, -33.75px) rotate(326deg);
    opacity: 0.6401007143;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(326deg);
            transform: translate(108.225px, -15px) rotate(326deg);
    opacity: 0.6401007143;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(326deg);
            transform: translate(119.55px, 8.625px) rotate(326deg);
    opacity: 0.3200503572;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(326deg);
            transform: translate(131.25px, 37.5px) rotate(326deg);
    opacity: 0;
  }
}

@keyframes drop-left-147 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(326deg);
            transform: translate(0px, 0px) rotate(326deg);
    opacity: 0.6401007143;
  }
  10.7882% {
    -webkit-transform: translate(9.45px, -22.5px) rotate(326deg);
            transform: translate(9.45px, -22.5px) rotate(326deg);
    opacity: 0.6401007143;
  }
  21.2266% {
    -webkit-transform: translate(21px, -43.2px) rotate(326deg);
            transform: translate(21px, -43.2px) rotate(326deg);
    opacity: 0.6401007143;
  }
  30.4208% {
    -webkit-transform: translate(34.575px, -59.025px) rotate(326deg);
            transform: translate(34.575px, -59.025px) rotate(326deg);
    opacity: 0.6401007143;
  }
  34.4519% {
    -webkit-transform: translate(42.15px, -64.2px) rotate(326deg);
            transform: translate(42.15px, -64.2px) rotate(326deg);
    opacity: 0.6401007143;
  }
  38.2085% {
    -webkit-transform: translate(50.175px, -67.05px) rotate(326deg);
            transform: translate(50.175px, -67.05px) rotate(326deg);
    opacity: 0.6401007143;
  }
  41.9607% {
    -webkit-transform: translate(58.65px, -67.2px) rotate(326deg);
            transform: translate(58.65px, -67.2px) rotate(326deg);
    opacity: 0.6401007143;
  }
  46.1202% {
    -webkit-transform: translate(67.65px, -64.35px) rotate(326deg);
            transform: translate(67.65px, -64.35px) rotate(326deg);
    opacity: 0.6401007143;
  }
  51.1287% {
    -webkit-transform: translate(77.1px, -58.05px) rotate(326deg);
            transform: translate(77.1px, -58.05px) rotate(326deg);
    opacity: 0.6401007143;
  }
  57.3654% {
    -webkit-transform: translate(87px, -48px) rotate(326deg);
            transform: translate(87px, -48px) rotate(326deg);
    opacity: 0.6401007143;
  }
  65.1344% {
    -webkit-transform: translate(97.425px, -33.75px) rotate(326deg);
            transform: translate(97.425px, -33.75px) rotate(326deg);
    opacity: 0.6401007143;
  }
  74.6872% {
    -webkit-transform: translate(108.225px, -15px) rotate(326deg);
            transform: translate(108.225px, -15px) rotate(326deg);
    opacity: 0.6401007143;
  }
  86.2425% {
    -webkit-transform: translate(119.55px, 8.625px) rotate(326deg);
            transform: translate(119.55px, 8.625px) rotate(326deg);
    opacity: 0.3200503572;
  }
  100.0000% {
    -webkit-transform: translate(131.25px, 37.5px) rotate(326deg);
            transform: translate(131.25px, 37.5px) rotate(326deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-147 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(86deg);
            transform: translate(0px, 0px) rotate(86deg);
    opacity: 1.1554194175;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(86deg);
            transform: translate(-3.15px, -7.5px) rotate(86deg);
    opacity: 1.1554194175;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(86deg);
            transform: translate(-7px, -14.4px) rotate(86deg);
    opacity: 1.1554194175;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(86deg);
            transform: translate(-11.525px, -19.675px) rotate(86deg);
    opacity: 1.1554194175;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(86deg);
            transform: translate(-14.05px, -21.4px) rotate(86deg);
    opacity: 1.1554194175;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(86deg);
            transform: translate(-16.725px, -22.35px) rotate(86deg);
    opacity: 1.1554194175;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(86deg);
            transform: translate(-19.55px, -22.4px) rotate(86deg);
    opacity: 1.1554194175;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(86deg);
            transform: translate(-22.55px, -21.45px) rotate(86deg);
    opacity: 1.1554194175;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(86deg);
            transform: translate(-25.7px, -19.35px) rotate(86deg);
    opacity: 1.1554194175;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(86deg);
            transform: translate(-29px, -16px) rotate(86deg);
    opacity: 1.1554194175;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(86deg);
            transform: translate(-32.475px, -11.25px) rotate(86deg);
    opacity: 1.1554194175;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(86deg);
            transform: translate(-36.075px, -5px) rotate(86deg);
    opacity: 1.1554194175;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(86deg);
            transform: translate(-39.85px, 2.875px) rotate(86deg);
    opacity: 0.5777097087;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(86deg);
            transform: translate(-43.75px, 12.5px) rotate(86deg);
    opacity: 0;
  }
}
@keyframes drop-right-147 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(86deg);
            transform: translate(0px, 0px) rotate(86deg);
    opacity: 1.1554194175;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(86deg);
            transform: translate(-3.15px, -7.5px) rotate(86deg);
    opacity: 1.1554194175;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(86deg);
            transform: translate(-7px, -14.4px) rotate(86deg);
    opacity: 1.1554194175;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(86deg);
            transform: translate(-11.525px, -19.675px) rotate(86deg);
    opacity: 1.1554194175;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(86deg);
            transform: translate(-14.05px, -21.4px) rotate(86deg);
    opacity: 1.1554194175;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(86deg);
            transform: translate(-16.725px, -22.35px) rotate(86deg);
    opacity: 1.1554194175;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(86deg);
            transform: translate(-19.55px, -22.4px) rotate(86deg);
    opacity: 1.1554194175;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(86deg);
            transform: translate(-22.55px, -21.45px) rotate(86deg);
    opacity: 1.1554194175;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(86deg);
            transform: translate(-25.7px, -19.35px) rotate(86deg);
    opacity: 1.1554194175;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(86deg);
            transform: translate(-29px, -16px) rotate(86deg);
    opacity: 1.1554194175;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(86deg);
            transform: translate(-32.475px, -11.25px) rotate(86deg);
    opacity: 1.1554194175;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(86deg);
            transform: translate(-36.075px, -5px) rotate(86deg);
    opacity: 1.1554194175;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(86deg);
            transform: translate(-39.85px, 2.875px) rotate(86deg);
    opacity: 0.5777097087;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(86deg);
            transform: translate(-43.75px, 12.5px) rotate(86deg);
    opacity: 0;
  }
}
.confetti-left-148,
.confetti-right-148 {
  width: 4px;
  height: 1.6px;
  background-color: #3FA5C3;
  top: calc(25% - 4px);
  left: calc(50% - 1.2px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-148 {
  -webkit-animation: drop-left-148 1.6224672337s 0.5251386849s 2 forwards;
          animation: drop-left-148 1.6224672337s 0.5251386849s 2 forwards;
}

.confetti-right-148 {
  -webkit-animation: drop-right-148 1.3720617764s 0.733738977s 2 forwards;
          animation: drop-right-148 1.3720617764s 0.733738977s 2 forwards;
}

@-webkit-keyframes drop-left-148 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(267deg);
            transform: translate(0px, 0px) rotate(267deg);
    opacity: 1.082873334;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(267deg);
            transform: translate(25.2px, -60px) rotate(267deg);
    opacity: 1.082873334;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(267deg);
            transform: translate(56px, -115.2px) rotate(267deg);
    opacity: 1.082873334;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(267deg);
            transform: translate(92.2px, -157.4px) rotate(267deg);
    opacity: 1.082873334;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(267deg);
            transform: translate(112.4px, -171.2px) rotate(267deg);
    opacity: 1.082873334;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(267deg);
            transform: translate(133.8px, -178.8px) rotate(267deg);
    opacity: 1.082873334;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(267deg);
            transform: translate(156.4px, -179.2px) rotate(267deg);
    opacity: 1.082873334;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(267deg);
            transform: translate(180.4px, -171.6px) rotate(267deg);
    opacity: 1.082873334;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(267deg);
            transform: translate(205.6px, -154.8px) rotate(267deg);
    opacity: 1.082873334;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(267deg);
            transform: translate(232px, -128px) rotate(267deg);
    opacity: 1.082873334;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(267deg);
            transform: translate(259.8px, -90px) rotate(267deg);
    opacity: 1.082873334;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(267deg);
            transform: translate(288.6px, -40px) rotate(267deg);
    opacity: 1.082873334;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(267deg);
            transform: translate(318.8px, 23px) rotate(267deg);
    opacity: 0.541436667;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(267deg);
            transform: translate(350px, 100px) rotate(267deg);
    opacity: 0;
  }
}

@keyframes drop-left-148 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(267deg);
            transform: translate(0px, 0px) rotate(267deg);
    opacity: 1.082873334;
  }
  10.7882% {
    -webkit-transform: translate(25.2px, -60px) rotate(267deg);
            transform: translate(25.2px, -60px) rotate(267deg);
    opacity: 1.082873334;
  }
  21.2266% {
    -webkit-transform: translate(56px, -115.2px) rotate(267deg);
            transform: translate(56px, -115.2px) rotate(267deg);
    opacity: 1.082873334;
  }
  30.4208% {
    -webkit-transform: translate(92.2px, -157.4px) rotate(267deg);
            transform: translate(92.2px, -157.4px) rotate(267deg);
    opacity: 1.082873334;
  }
  34.4519% {
    -webkit-transform: translate(112.4px, -171.2px) rotate(267deg);
            transform: translate(112.4px, -171.2px) rotate(267deg);
    opacity: 1.082873334;
  }
  38.2085% {
    -webkit-transform: translate(133.8px, -178.8px) rotate(267deg);
            transform: translate(133.8px, -178.8px) rotate(267deg);
    opacity: 1.082873334;
  }
  41.9607% {
    -webkit-transform: translate(156.4px, -179.2px) rotate(267deg);
            transform: translate(156.4px, -179.2px) rotate(267deg);
    opacity: 1.082873334;
  }
  46.1202% {
    -webkit-transform: translate(180.4px, -171.6px) rotate(267deg);
            transform: translate(180.4px, -171.6px) rotate(267deg);
    opacity: 1.082873334;
  }
  51.1287% {
    -webkit-transform: translate(205.6px, -154.8px) rotate(267deg);
            transform: translate(205.6px, -154.8px) rotate(267deg);
    opacity: 1.082873334;
  }
  57.3654% {
    -webkit-transform: translate(232px, -128px) rotate(267deg);
            transform: translate(232px, -128px) rotate(267deg);
    opacity: 1.082873334;
  }
  65.1344% {
    -webkit-transform: translate(259.8px, -90px) rotate(267deg);
            transform: translate(259.8px, -90px) rotate(267deg);
    opacity: 1.082873334;
  }
  74.6872% {
    -webkit-transform: translate(288.6px, -40px) rotate(267deg);
            transform: translate(288.6px, -40px) rotate(267deg);
    opacity: 1.082873334;
  }
  86.2425% {
    -webkit-transform: translate(318.8px, 23px) rotate(267deg);
            transform: translate(318.8px, 23px) rotate(267deg);
    opacity: 0.541436667;
  }
  100.0000% {
    -webkit-transform: translate(350px, 100px) rotate(267deg);
            transform: translate(350px, 100px) rotate(267deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-148 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(163deg);
            transform: translate(0px, 0px) rotate(163deg);
    opacity: 1.461622947;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(163deg);
            transform: translate(-15.75px, -37.5px) rotate(163deg);
    opacity: 1.461622947;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(163deg);
            transform: translate(-35px, -72px) rotate(163deg);
    opacity: 1.461622947;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(163deg);
            transform: translate(-57.625px, -98.375px) rotate(163deg);
    opacity: 1.461622947;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(163deg);
            transform: translate(-70.25px, -107px) rotate(163deg);
    opacity: 1.461622947;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(163deg);
            transform: translate(-83.625px, -111.75px) rotate(163deg);
    opacity: 1.461622947;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(163deg);
            transform: translate(-97.75px, -112px) rotate(163deg);
    opacity: 1.461622947;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(163deg);
            transform: translate(-112.75px, -107.25px) rotate(163deg);
    opacity: 1.461622947;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(163deg);
            transform: translate(-128.5px, -96.75px) rotate(163deg);
    opacity: 1.461622947;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(163deg);
            transform: translate(-145px, -80px) rotate(163deg);
    opacity: 1.461622947;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(163deg);
            transform: translate(-162.375px, -56.25px) rotate(163deg);
    opacity: 1.461622947;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(163deg);
            transform: translate(-180.375px, -25px) rotate(163deg);
    opacity: 1.461622947;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(163deg);
            transform: translate(-199.25px, 14.375px) rotate(163deg);
    opacity: 0.7308114735;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(163deg);
            transform: translate(-218.75px, 62.5px) rotate(163deg);
    opacity: 0;
  }
}
@keyframes drop-right-148 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(163deg);
            transform: translate(0px, 0px) rotate(163deg);
    opacity: 1.461622947;
  }
  10.7882% {
    -webkit-transform: translate(-15.75px, -37.5px) rotate(163deg);
            transform: translate(-15.75px, -37.5px) rotate(163deg);
    opacity: 1.461622947;
  }
  21.2266% {
    -webkit-transform: translate(-35px, -72px) rotate(163deg);
            transform: translate(-35px, -72px) rotate(163deg);
    opacity: 1.461622947;
  }
  30.4208% {
    -webkit-transform: translate(-57.625px, -98.375px) rotate(163deg);
            transform: translate(-57.625px, -98.375px) rotate(163deg);
    opacity: 1.461622947;
  }
  34.4519% {
    -webkit-transform: translate(-70.25px, -107px) rotate(163deg);
            transform: translate(-70.25px, -107px) rotate(163deg);
    opacity: 1.461622947;
  }
  38.2085% {
    -webkit-transform: translate(-83.625px, -111.75px) rotate(163deg);
            transform: translate(-83.625px, -111.75px) rotate(163deg);
    opacity: 1.461622947;
  }
  41.9607% {
    -webkit-transform: translate(-97.75px, -112px) rotate(163deg);
            transform: translate(-97.75px, -112px) rotate(163deg);
    opacity: 1.461622947;
  }
  46.1202% {
    -webkit-transform: translate(-112.75px, -107.25px) rotate(163deg);
            transform: translate(-112.75px, -107.25px) rotate(163deg);
    opacity: 1.461622947;
  }
  51.1287% {
    -webkit-transform: translate(-128.5px, -96.75px) rotate(163deg);
            transform: translate(-128.5px, -96.75px) rotate(163deg);
    opacity: 1.461622947;
  }
  57.3654% {
    -webkit-transform: translate(-145px, -80px) rotate(163deg);
            transform: translate(-145px, -80px) rotate(163deg);
    opacity: 1.461622947;
  }
  65.1344% {
    -webkit-transform: translate(-162.375px, -56.25px) rotate(163deg);
            transform: translate(-162.375px, -56.25px) rotate(163deg);
    opacity: 1.461622947;
  }
  74.6872% {
    -webkit-transform: translate(-180.375px, -25px) rotate(163deg);
            transform: translate(-180.375px, -25px) rotate(163deg);
    opacity: 1.461622947;
  }
  86.2425% {
    -webkit-transform: translate(-199.25px, 14.375px) rotate(163deg);
            transform: translate(-199.25px, 14.375px) rotate(163deg);
    opacity: 0.7308114735;
  }
  100.0000% {
    -webkit-transform: translate(-218.75px, 62.5px) rotate(163deg);
            transform: translate(-218.75px, 62.5px) rotate(163deg);
    opacity: 0;
  }
}
.confetti-left-149,
.confetti-right-149 {
  width: 17px;
  height: 6.8px;
  background-color: #F4BB2F;
  top: calc(25% - 17px);
  left: calc(50% - 5.1px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-149 {
  -webkit-animation: drop-left-149 1.0951108306s 1.3607120257s 2 forwards;
          animation: drop-left-149 1.0951108306s 1.3607120257s 2 forwards;
}

.confetti-right-149 {
  -webkit-animation: drop-right-149 1.1191267357s 0.9924862816s 2 forwards;
          animation: drop-right-149 1.1191267357s 0.9924862816s 2 forwards;
}

@-webkit-keyframes drop-left-149 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(193deg);
            transform: translate(0px, 0px) rotate(193deg);
    opacity: 0.9062889937;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(193deg);
            transform: translate(31.5px, -75px) rotate(193deg);
    opacity: 0.9062889937;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(193deg);
            transform: translate(70px, -144px) rotate(193deg);
    opacity: 0.9062889937;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(193deg);
            transform: translate(115.25px, -196.75px) rotate(193deg);
    opacity: 0.9062889937;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(193deg);
            transform: translate(140.5px, -214px) rotate(193deg);
    opacity: 0.9062889937;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(193deg);
            transform: translate(167.25px, -223.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(193deg);
            transform: translate(195.5px, -224px) rotate(193deg);
    opacity: 0.9062889937;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(193deg);
            transform: translate(225.5px, -214.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(193deg);
            transform: translate(257px, -193.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(193deg);
            transform: translate(290px, -160px) rotate(193deg);
    opacity: 0.9062889937;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(193deg);
            transform: translate(324.75px, -112.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(193deg);
            transform: translate(360.75px, -50px) rotate(193deg);
    opacity: 0.9062889937;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(193deg);
            transform: translate(398.5px, 28.75px) rotate(193deg);
    opacity: 0.4531444969;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(193deg);
            transform: translate(437.5px, 125px) rotate(193deg);
    opacity: 0;
  }
}

@keyframes drop-left-149 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(193deg);
            transform: translate(0px, 0px) rotate(193deg);
    opacity: 0.9062889937;
  }
  10.7882% {
    -webkit-transform: translate(31.5px, -75px) rotate(193deg);
            transform: translate(31.5px, -75px) rotate(193deg);
    opacity: 0.9062889937;
  }
  21.2266% {
    -webkit-transform: translate(70px, -144px) rotate(193deg);
            transform: translate(70px, -144px) rotate(193deg);
    opacity: 0.9062889937;
  }
  30.4208% {
    -webkit-transform: translate(115.25px, -196.75px) rotate(193deg);
            transform: translate(115.25px, -196.75px) rotate(193deg);
    opacity: 0.9062889937;
  }
  34.4519% {
    -webkit-transform: translate(140.5px, -214px) rotate(193deg);
            transform: translate(140.5px, -214px) rotate(193deg);
    opacity: 0.9062889937;
  }
  38.2085% {
    -webkit-transform: translate(167.25px, -223.5px) rotate(193deg);
            transform: translate(167.25px, -223.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  41.9607% {
    -webkit-transform: translate(195.5px, -224px) rotate(193deg);
            transform: translate(195.5px, -224px) rotate(193deg);
    opacity: 0.9062889937;
  }
  46.1202% {
    -webkit-transform: translate(225.5px, -214.5px) rotate(193deg);
            transform: translate(225.5px, -214.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  51.1287% {
    -webkit-transform: translate(257px, -193.5px) rotate(193deg);
            transform: translate(257px, -193.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  57.3654% {
    -webkit-transform: translate(290px, -160px) rotate(193deg);
            transform: translate(290px, -160px) rotate(193deg);
    opacity: 0.9062889937;
  }
  65.1344% {
    -webkit-transform: translate(324.75px, -112.5px) rotate(193deg);
            transform: translate(324.75px, -112.5px) rotate(193deg);
    opacity: 0.9062889937;
  }
  74.6872% {
    -webkit-transform: translate(360.75px, -50px) rotate(193deg);
            transform: translate(360.75px, -50px) rotate(193deg);
    opacity: 0.9062889937;
  }
  86.2425% {
    -webkit-transform: translate(398.5px, 28.75px) rotate(193deg);
            transform: translate(398.5px, 28.75px) rotate(193deg);
    opacity: 0.4531444969;
  }
  100.0000% {
    -webkit-transform: translate(437.5px, 125px) rotate(193deg);
            transform: translate(437.5px, 125px) rotate(193deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-149 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(171deg);
            transform: translate(0px, 0px) rotate(171deg);
    opacity: 0.7582899627;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(171deg);
            transform: translate(-3.15px, -7.5px) rotate(171deg);
    opacity: 0.7582899627;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(171deg);
            transform: translate(-7px, -14.4px) rotate(171deg);
    opacity: 0.7582899627;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(171deg);
            transform: translate(-11.525px, -19.675px) rotate(171deg);
    opacity: 0.7582899627;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(171deg);
            transform: translate(-14.05px, -21.4px) rotate(171deg);
    opacity: 0.7582899627;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(171deg);
            transform: translate(-16.725px, -22.35px) rotate(171deg);
    opacity: 0.7582899627;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(171deg);
            transform: translate(-19.55px, -22.4px) rotate(171deg);
    opacity: 0.7582899627;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(171deg);
            transform: translate(-22.55px, -21.45px) rotate(171deg);
    opacity: 0.7582899627;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(171deg);
            transform: translate(-25.7px, -19.35px) rotate(171deg);
    opacity: 0.7582899627;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(171deg);
            transform: translate(-29px, -16px) rotate(171deg);
    opacity: 0.7582899627;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(171deg);
            transform: translate(-32.475px, -11.25px) rotate(171deg);
    opacity: 0.7582899627;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(171deg);
            transform: translate(-36.075px, -5px) rotate(171deg);
    opacity: 0.7582899627;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(171deg);
            transform: translate(-39.85px, 2.875px) rotate(171deg);
    opacity: 0.3791449813;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(171deg);
            transform: translate(-43.75px, 12.5px) rotate(171deg);
    opacity: 0;
  }
}
@keyframes drop-right-149 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(171deg);
            transform: translate(0px, 0px) rotate(171deg);
    opacity: 0.7582899627;
  }
  10.7882% {
    -webkit-transform: translate(-3.15px, -7.5px) rotate(171deg);
            transform: translate(-3.15px, -7.5px) rotate(171deg);
    opacity: 0.7582899627;
  }
  21.2266% {
    -webkit-transform: translate(-7px, -14.4px) rotate(171deg);
            transform: translate(-7px, -14.4px) rotate(171deg);
    opacity: 0.7582899627;
  }
  30.4208% {
    -webkit-transform: translate(-11.525px, -19.675px) rotate(171deg);
            transform: translate(-11.525px, -19.675px) rotate(171deg);
    opacity: 0.7582899627;
  }
  34.4519% {
    -webkit-transform: translate(-14.05px, -21.4px) rotate(171deg);
            transform: translate(-14.05px, -21.4px) rotate(171deg);
    opacity: 0.7582899627;
  }
  38.2085% {
    -webkit-transform: translate(-16.725px, -22.35px) rotate(171deg);
            transform: translate(-16.725px, -22.35px) rotate(171deg);
    opacity: 0.7582899627;
  }
  41.9607% {
    -webkit-transform: translate(-19.55px, -22.4px) rotate(171deg);
            transform: translate(-19.55px, -22.4px) rotate(171deg);
    opacity: 0.7582899627;
  }
  46.1202% {
    -webkit-transform: translate(-22.55px, -21.45px) rotate(171deg);
            transform: translate(-22.55px, -21.45px) rotate(171deg);
    opacity: 0.7582899627;
  }
  51.1287% {
    -webkit-transform: translate(-25.7px, -19.35px) rotate(171deg);
            transform: translate(-25.7px, -19.35px) rotate(171deg);
    opacity: 0.7582899627;
  }
  57.3654% {
    -webkit-transform: translate(-29px, -16px) rotate(171deg);
            transform: translate(-29px, -16px) rotate(171deg);
    opacity: 0.7582899627;
  }
  65.1344% {
    -webkit-transform: translate(-32.475px, -11.25px) rotate(171deg);
            transform: translate(-32.475px, -11.25px) rotate(171deg);
    opacity: 0.7582899627;
  }
  74.6872% {
    -webkit-transform: translate(-36.075px, -5px) rotate(171deg);
            transform: translate(-36.075px, -5px) rotate(171deg);
    opacity: 0.7582899627;
  }
  86.2425% {
    -webkit-transform: translate(-39.85px, 2.875px) rotate(171deg);
            transform: translate(-39.85px, 2.875px) rotate(171deg);
    opacity: 0.3791449813;
  }
  100.0000% {
    -webkit-transform: translate(-43.75px, 12.5px) rotate(171deg);
            transform: translate(-43.75px, 12.5px) rotate(171deg);
    opacity: 0;
  }
}
.confetti-left-150,
.confetti-right-150 {
  background-color: transparent;
  border-bottom: 3px solid #3FA5C3;
  border-left: 1.5px solid transparent;
  border-right: 1.5px solid transparent;
  height: 0;
  width: 3px;
  top: calc(25% - 6px);
  left: calc(50% - 1.8px);
  opacity: 0;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
      -ms-transform: translate(0px, 0px) rotate(0deg);
          transform: translate(0px, 0px) rotate(0deg);
}

.confetti-left-150 {
  -webkit-animation: drop-left-150 1.6385268938s 0.6232681741s 2 forwards;
          animation: drop-left-150 1.6385268938s 0.6232681741s 2 forwards;
}

.confetti-right-150 {
  -webkit-animation: drop-right-150 1.9698753488s 1.1388586908s 2 forwards;
          animation: drop-right-150 1.9698753488s 1.1388586908s 2 forwards;
}

@-webkit-keyframes drop-left-150 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(311deg);
            transform: translate(0px, 0px) rotate(311deg);
    opacity: 1.0417585307;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(311deg);
            transform: translate(22.05px, -52.5px) rotate(311deg);
    opacity: 1.0417585307;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(311deg);
            transform: translate(49px, -100.8px) rotate(311deg);
    opacity: 1.0417585307;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(311deg);
            transform: translate(80.675px, -137.725px) rotate(311deg);
    opacity: 1.0417585307;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(311deg);
            transform: translate(98.35px, -149.8px) rotate(311deg);
    opacity: 1.0417585307;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(311deg);
            transform: translate(117.075px, -156.45px) rotate(311deg);
    opacity: 1.0417585307;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(311deg);
            transform: translate(136.85px, -156.8px) rotate(311deg);
    opacity: 1.0417585307;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(311deg);
            transform: translate(157.85px, -150.15px) rotate(311deg);
    opacity: 1.0417585307;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(311deg);
            transform: translate(179.9px, -135.45px) rotate(311deg);
    opacity: 1.0417585307;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(311deg);
            transform: translate(203px, -112px) rotate(311deg);
    opacity: 1.0417585307;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(311deg);
            transform: translate(227.325px, -78.75px) rotate(311deg);
    opacity: 1.0417585307;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(311deg);
            transform: translate(252.525px, -35px) rotate(311deg);
    opacity: 1.0417585307;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(311deg);
            transform: translate(278.95px, 20.125px) rotate(311deg);
    opacity: 0.5208792653;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(311deg);
            transform: translate(306.25px, 87.5px) rotate(311deg);
    opacity: 0;
  }
}

@keyframes drop-left-150 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(311deg);
            transform: translate(0px, 0px) rotate(311deg);
    opacity: 1.0417585307;
  }
  10.7882% {
    -webkit-transform: translate(22.05px, -52.5px) rotate(311deg);
            transform: translate(22.05px, -52.5px) rotate(311deg);
    opacity: 1.0417585307;
  }
  21.2266% {
    -webkit-transform: translate(49px, -100.8px) rotate(311deg);
            transform: translate(49px, -100.8px) rotate(311deg);
    opacity: 1.0417585307;
  }
  30.4208% {
    -webkit-transform: translate(80.675px, -137.725px) rotate(311deg);
            transform: translate(80.675px, -137.725px) rotate(311deg);
    opacity: 1.0417585307;
  }
  34.4519% {
    -webkit-transform: translate(98.35px, -149.8px) rotate(311deg);
            transform: translate(98.35px, -149.8px) rotate(311deg);
    opacity: 1.0417585307;
  }
  38.2085% {
    -webkit-transform: translate(117.075px, -156.45px) rotate(311deg);
            transform: translate(117.075px, -156.45px) rotate(311deg);
    opacity: 1.0417585307;
  }
  41.9607% {
    -webkit-transform: translate(136.85px, -156.8px) rotate(311deg);
            transform: translate(136.85px, -156.8px) rotate(311deg);
    opacity: 1.0417585307;
  }
  46.1202% {
    -webkit-transform: translate(157.85px, -150.15px) rotate(311deg);
            transform: translate(157.85px, -150.15px) rotate(311deg);
    opacity: 1.0417585307;
  }
  51.1287% {
    -webkit-transform: translate(179.9px, -135.45px) rotate(311deg);
            transform: translate(179.9px, -135.45px) rotate(311deg);
    opacity: 1.0417585307;
  }
  57.3654% {
    -webkit-transform: translate(203px, -112px) rotate(311deg);
            transform: translate(203px, -112px) rotate(311deg);
    opacity: 1.0417585307;
  }
  65.1344% {
    -webkit-transform: translate(227.325px, -78.75px) rotate(311deg);
            transform: translate(227.325px, -78.75px) rotate(311deg);
    opacity: 1.0417585307;
  }
  74.6872% {
    -webkit-transform: translate(252.525px, -35px) rotate(311deg);
            transform: translate(252.525px, -35px) rotate(311deg);
    opacity: 1.0417585307;
  }
  86.2425% {
    -webkit-transform: translate(278.95px, 20.125px) rotate(311deg);
            transform: translate(278.95px, 20.125px) rotate(311deg);
    opacity: 0.5208792653;
  }
  100.0000% {
    -webkit-transform: translate(306.25px, 87.5px) rotate(311deg);
            transform: translate(306.25px, 87.5px) rotate(311deg);
    opacity: 0;
  }
}
@-webkit-keyframes drop-right-150 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(14deg);
            transform: translate(0px, 0px) rotate(14deg);
    opacity: 1.4420699452;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(14deg);
            transform: translate(-18.9px, -45px) rotate(14deg);
    opacity: 1.4420699452;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(14deg);
            transform: translate(-42px, -86.4px) rotate(14deg);
    opacity: 1.4420699452;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(14deg);
            transform: translate(-69.15px, -118.05px) rotate(14deg);
    opacity: 1.4420699452;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(14deg);
            transform: translate(-84.3px, -128.4px) rotate(14deg);
    opacity: 1.4420699452;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(14deg);
            transform: translate(-100.35px, -134.1px) rotate(14deg);
    opacity: 1.4420699452;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(14deg);
            transform: translate(-117.3px, -134.4px) rotate(14deg);
    opacity: 1.4420699452;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(14deg);
            transform: translate(-135.3px, -128.7px) rotate(14deg);
    opacity: 1.4420699452;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(14deg);
            transform: translate(-154.2px, -116.1px) rotate(14deg);
    opacity: 1.4420699452;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(14deg);
            transform: translate(-174px, -96px) rotate(14deg);
    opacity: 1.4420699452;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(14deg);
            transform: translate(-194.85px, -67.5px) rotate(14deg);
    opacity: 1.4420699452;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(14deg);
            transform: translate(-216.45px, -30px) rotate(14deg);
    opacity: 1.4420699452;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(14deg);
            transform: translate(-239.1px, 17.25px) rotate(14deg);
    opacity: 0.7210349726;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(14deg);
            transform: translate(-262.5px, 75px) rotate(14deg);
    opacity: 0;
  }
}
@keyframes drop-right-150 {
  0.0000% {
    -webkit-transform: translate(0px, 0px) rotate(14deg);
            transform: translate(0px, 0px) rotate(14deg);
    opacity: 1.4420699452;
  }
  10.7882% {
    -webkit-transform: translate(-18.9px, -45px) rotate(14deg);
            transform: translate(-18.9px, -45px) rotate(14deg);
    opacity: 1.4420699452;
  }
  21.2266% {
    -webkit-transform: translate(-42px, -86.4px) rotate(14deg);
            transform: translate(-42px, -86.4px) rotate(14deg);
    opacity: 1.4420699452;
  }
  30.4208% {
    -webkit-transform: translate(-69.15px, -118.05px) rotate(14deg);
            transform: translate(-69.15px, -118.05px) rotate(14deg);
    opacity: 1.4420699452;
  }
  34.4519% {
    -webkit-transform: translate(-84.3px, -128.4px) rotate(14deg);
            transform: translate(-84.3px, -128.4px) rotate(14deg);
    opacity: 1.4420699452;
  }
  38.2085% {
    -webkit-transform: translate(-100.35px, -134.1px) rotate(14deg);
            transform: translate(-100.35px, -134.1px) rotate(14deg);
    opacity: 1.4420699452;
  }
  41.9607% {
    -webkit-transform: translate(-117.3px, -134.4px) rotate(14deg);
            transform: translate(-117.3px, -134.4px) rotate(14deg);
    opacity: 1.4420699452;
  }
  46.1202% {
    -webkit-transform: translate(-135.3px, -128.7px) rotate(14deg);
            transform: translate(-135.3px, -128.7px) rotate(14deg);
    opacity: 1.4420699452;
  }
  51.1287% {
    -webkit-transform: translate(-154.2px, -116.1px) rotate(14deg);
            transform: translate(-154.2px, -116.1px) rotate(14deg);
    opacity: 1.4420699452;
  }
  57.3654% {
    -webkit-transform: translate(-174px, -96px) rotate(14deg);
            transform: translate(-174px, -96px) rotate(14deg);
    opacity: 1.4420699452;
  }
  65.1344% {
    -webkit-transform: translate(-194.85px, -67.5px) rotate(14deg);
            transform: translate(-194.85px, -67.5px) rotate(14deg);
    opacity: 1.4420699452;
  }
  74.6872% {
    -webkit-transform: translate(-216.45px, -30px) rotate(14deg);
            transform: translate(-216.45px, -30px) rotate(14deg);
    opacity: 1.4420699452;
  }
  86.2425% {
    -webkit-transform: translate(-239.1px, 17.25px) rotate(14deg);
            transform: translate(-239.1px, 17.25px) rotate(14deg);
    opacity: 0.7210349726;
  }
  100.0000% {
    -webkit-transform: translate(-262.5px, 75px) rotate(14deg);
            transform: translate(-262.5px, 75px) rotate(14deg);
    opacity: 0;
  }
}
.confetti {
  left: 40%;
  width: auto;
  position: absolute;
  bottom: 50%;
}
.confetti__wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 899px) {
  .confetti {
    left: 50%;
  }
}

@-webkit-keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}

@keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}
#outline {
  -webkit-animation: 0.38s ease-in outline;
          animation: 0.38s ease-in outline;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes circle {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes circle {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
#white-circle {
  -webkit-animation: 0.35s ease-in 0.35s forwards circle;
          animation: 0.35s ease-in 0.35s forwards circle;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}

@keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
#check {
  -webkit-animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
          animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
  stroke-dasharray: 0, 75px;
}

@-webkit-keyframes check-group {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.09);
            transform: scale(1.09);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes check-group {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.09);
            transform: scale(1.09);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#check-group {
  -webkit-animation: 0.32s ease-in-out 1.03s check-group;
          animation: 0.32s ease-in-out 1.03s check-group;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.chatbot {
  z-index: 325;
}
.chatbot-button {
  position: fixed;
  bottom: 2rem;
  left: 1rem;
}
.chatbot__close {
  color: #1a2c3c;
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.chatbot__trigger {
  z-index: 3;
  color: darkgray;
  width: 3rem;
  height: 3rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.4) inset, 0 0 25px rgba(255, 255, 255, 0.3), 0 5px 35px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(255, 255, 255, 0.4) inset, 0 0 25px rgba(255, 255, 255, 0.3), 0 5px 35px rgba(0, 0, 0, 0.2); /* Sombra profunda */
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.chatbot__overlayer {
  z-index: 400;
  background-color: rgba(52, 63, 69, 0.95);
  position: fixed;
  visibility: hidden;
  opacity: 0;
  height: 100vh;
  width: 100vw;
  right: 0;
  top: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  z-index: 1;
}
[class*="--is-show"] .chatbot__overlayer {
  opacity: 1;
  pointer-events: none;
  visibility: visible;
}
.chatbot__container {
  background-color: hsl(208, 39%, 17%);
  bottom: 0;
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  height: 75%;
  opacity: 0;
  padding: 0.5rem;
  position: fixed;
  left: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 300ms var(--ease-in-out-circ);
  -o-transition: 300ms var(--ease-in-out-circ);
  transition: 300ms var(--ease-in-out-circ);
  width: 100%;
  z-index: 2;
}
@media (min-width: 601px) {
  .chatbot__container {
    border-radius: 20px;
    position: absolute;
    width: 32rem;
    left: 1rem;
    bottom: 2rem;
  }
}
@media (max-width: 599px) {
  .chatbot__container {
    width: 92%;
    height: 67%;
    right: 16px;
    bottom: 16px;
    border-radius: 25px;
  }
}
[class*="--is-show"] .chatbot__container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.chatbot__container textarea {
  max-width: 100vw;
  padding: 1rem;
}
.chatbot__panel {
  background: -o-linear-gradient(290deg, rgba(255, 255, 255, 0.95), rgba(245, 248, 255, 0.92));
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(245, 248, 255, 0.92));
  border-radius: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 1rem;
  gap: 1rem;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.7) inset;
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.7) inset;
}
.chatbot__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.25rem;
}
.chatbot__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: -o-radial-gradient(30% 30%, circle, #ffffff 0%, #d6e6ff 40%, #9bbcff 100%);
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #d6e6ff 40%, #9bbcff 100%);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chatbot__avatar img {
  max-width: 65%;
}
.chatbot__header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.15rem;
}
.chatbot__title {
  font-weight: 700;
  color: #1b2a4a;
  letter-spacing: 0.2px;
}
.chatbot__subtitle {
  font-size: 0.85rem;
  color: #4a638f;
}
.chatbot__messages {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding: 0.5rem 0.25rem;
  max-height: 30rem;
  scrollbar-width: none;
}
.chatbot__bubble {
  max-width: 90%;
  padding: 0.9rem 1rem;
  border-radius: 16px;
  line-height: 1.4;
  font-size: 0.95rem;
  -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}
.chatbot__bubble--bot {
  background: #ffffff;
  color: #1f2a44;
  border-top-left-radius: 6px;
}
.chatbot__bubble--user {
  background: #e7f0ff;
  color: #1b2a4a;
  border-top-right-radius: 6px;
  margin-left: auto;
}
.chatbot__options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem;
  padding: 0.25rem 0.25rem 0.5rem;
}
.chatbot__options input {
  max-width: 100% !important;
  border-radius: 16px 6px 16px 16px !important;
  border: solid 1px rgb(172, 172, 172) !important;
  height: auto !important;
  padding: 0.9rem 1rem !important;
}
.chatbot__option {
  background: #f1f6ff;
  border: 1px solid rgba(27, 42, 74, 0.12);
  border-radius: 12px;
  color: #1b2a4a;
  font-weight: 600;
  padding: 0.8rem 1rem;
  text-align: left;
  -webkit-transition: background 120ms ease, -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  transition: background 120ms ease, -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  -o-transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
}
.chatbot__option:hover {
  background: #e7f0ff;
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}
.chatbot__option:active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
.chatbot__list {
  background: #ffffff;
  border-radius: 14px;
  padding: 0.5rem;
  -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
  max-height: 335px;
  overflow: auto;
  scrollbar-width: none;
}
.chatbot__list-item {
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  background: #f6f8fc;
  font-weight: 500;
  font-size: 0.9rem;
  color: white;
  border: 1px solid transparent;
  text-align: center;
  width: 49%;
  cursor: pointer;
  -webkit-transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  transition: -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
  -o-transition: transform 120ms ease, box-shadow 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease;
  transition: transform 120ms ease, box-shadow 120ms ease, -webkit-transform 120ms ease, -webkit-box-shadow 120ms ease;
}
.chatbot__list-item:hover {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}
.chatbot__list-item:active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}
.chatbot__detail {
  background: #ffffff;
  border-radius: 14px;
  padding: 1rem;
  -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  display: grid;
  gap: 0.75rem;
}
.chatbot__detail-title {
  font-weight: 700;
  color: #1b2a4a;
}
.chatbot__detail-text {
  color: #394761;
  line-height: 1.45;
  font-size: 0.95rem;
  max-height: 180px;
  overflow: auto;
}
.chatbot__detail-actions {
  display: grid;
  gap: 0.6rem;
}
.chatbot__typing {
  position: relative;
  width: 4.5rem;
  border-radius: 6px 16px 16px 16px;
  background: #ffffff;
  padding: 15px;
}
.chatbot__typing span {
  content: "";
  -webkit-animation: blink 1.5s infinite;
          animation: blink 1.5s infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  height: 10px;
  width: 10px;
  background: #b1c0d8;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 50%;
}
.chatbot__typing span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  margin-left: 15px;
}
.chatbot__typing span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  margin-left: 30px;
}
@keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

.chat-sheet {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.chat-sheet.is-open {
  display: block;
}

.chat-sheet__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-animation: chat-fade 0.2s ease;
          animation: chat-fade 0.2s ease;
}

.chat-sheet__panel {
  position: absolute;
  left: 10px;
  right: 0;
  bottom: 0;
  height: 88%;
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 26px 26px 0 0;
  -webkit-box-shadow: 0 -18px 50px -20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 -18px 50px -20px rgba(0, 0, 0, 0.5);
  -webkit-animation: chat-up 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
          animation: chat-up 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
  font-family: "Nunito", system-ui, sans-serif;
}
@media (max-width: 1199px) {
  .chat-sheet__panel {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .chat-sheet__panel {
    left: 0px;
    width: 100%;
  }
}

@-webkit-keyframes chat-fade {
  from {
    opacity: 0;
  }
}

@keyframes chat-fade {
  from {
    opacity: 0;
  }
}
@-webkit-keyframes chat-up {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes chat-up {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
/* alça de arraste */
.chat-sheet__grip {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 9px 0 3px;
}

.chat-sheet__grip span {
  width: 40px;
  height: 4px;
  border-radius: 3px;
  background: #dfdbe8;
}

/* ---------- header ---------- */
.chat-sheet__head {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  padding: 8px 16px 13px;
  border-bottom: 1px solid #f1eff5;
}

.chat-avatar {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 50%;
  background: #f1f1f1;
  border: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
}

.chat-ident {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.chat-ident strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #3a2f42;
}

.chat-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 600;
  color: #9a94a8;
}

.chat-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6FB52B;
}

.chat-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  background: #f1f1f1;
  color: #656565;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

/* ---------- conversa ---------- */
.chat-log {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 14px 16px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9px;
}

.chat-log::-webkit-scrollbar {
  width: 0;
}

.bubble {
  max-width: 88%;
  padding: 13px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
  text-wrap: pretty;
}

.bubble--bot {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background: #f5f4fa;
  border-radius: 16px 16px 16px 5px;
  color: #4a5265;
}

.bubble--user {
  -ms-flex-item-align: end;
      align-self: flex-end;
  max-width: 84%;
  padding: 11px 15px;
  background: -o-linear-gradient(315deg, #6E4A9E, #2BA7DE);
  background: linear-gradient(135deg, #6E4A9E, #2BA7DE);
  border-radius: 16px 16px 5px 16px;
  color: #fff;
  line-height: 1.45;
}

.bubbles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9px;
  width: 100%;
  max-width: 100%;
}

.bubble--button {
  width: 100%;
  padding: 13px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
  text-wrap: pretty;
  background: #f5f4fa;
  border-radius: 16px;
  color: #4a5265;
  border: solid 1px rgba(74, 82, 101, 0.2);
}

.bubble--input {
  width: 100%;
  padding: 13px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
  text-wrap: pretty;
  background: #f5f4fa;
  color: #4a5265;
  border: solid 1px rgba(74, 82, 101, 0.2);
  max-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 16px !important;
  height: 4rem;
}

.bubble--list {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}

/* indicador de digitação */
.typing {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 13px 16px;
  border-radius: 16px;
  background: #f5f4fa;
}

.typing i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c3bcd2;
  -webkit-animation: typing-blink 1.2s infinite;
          animation: typing-blink 1.2s infinite;
}

.typing i:nth-child(2) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}

.typing i:nth-child(3) {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
}

@-webkit-keyframes typing-blink {
  0%, 60%, 100% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
}

@keyframes typing-blink {
  0%, 60%, 100% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
}
/* conversa livre com a IA depois da análise */
.bubble--texto {
  white-space: pre-line;
}

.chat-conversa__linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.chat-conversa__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  height: auto;
}

.chat-conversa__enviar {
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.laudo-individual__title {
  font-size: 1.4rem;
  background: -webkit-gradient(linear, right top, left top, from(#3FA4C2), to(#6C67A8));
  background: -o-linear-gradient(right, #3FA4C2, #6C67A8);
  background: linear-gradient(to left, #3FA4C2, #6C67A8);
  color: hsl(210, 15%, 96%);
  display: block;
  padding: 1.4rem;
  border-radius: 0px 20px;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.laudo-individual__title:first-of-type {
  margin-top: 0;
}
.laudo-individual__ul {
  list-style: inside;
  list-style-type: circle;
  color: #083b5b;
}
.laudo-individual__ul > li {
  display: list-item;
  line-height: 1.4rem;
  color: black;
  padding: 0.5rem;
  border-radius: 10px;
  background: lightblue;
}
.laudo-individual__orientacoes {
  background-color: #439EBF;
  padding: 1.2rem;
  line-height: 1.6rem;
  border-radius: 0px 20px 0px 20px;
  color: #fff;
}
.laudo-individual__orientacoes--title {
  background-color: white;
  color: black;
  padding: 1.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.4rem;
  border-radius: 20px;
  margin-top: 1.6rem;
}

.medicao-congrats {
  padding: 0 1rem 0 1rem !important;
  font-weight: 500;
  margin-bottom: 1rem !important;
  font-size: 2rem !important;
  color: #083b5b !important;
}
@media (max-width: 899px) {
  .medicao-congrats {
    margin-bottom: 2rem !important;
  }
}
.medicao-congrats:not(:first-child) {
  font-size: 1rem !important;
  margin-bottom: 0.5rem !important;
}

.carousel__step--laudoContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  height: auto;
  overflow: visible;
}

.resultado-individual__ia-processing {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fafafa;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 60vh;
  border-radius: 0px 20px;
  position: relative;
}
.resultado-individual__ia-processing > span {
  font-size: 24px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: hsl(227, 42%, 47%);
}
.resultado-individual__ia-processing > #ia-loader {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 85%;
  top: 0;
}
.resultado-individual__ia-processing > #ia-message {
  position: absolute;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  top: 70%;
}
.resultado-individual__ia-processing-loader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 16rem;
}
.resultado-individual__ia-processing-loader:before, .resultado-individual__ia-processing-loader:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  -webkit-animation: pulsOut 1.8s ease-in-out infinite;
          animation: pulsOut 1.8s ease-in-out infinite;
  -webkit-filter: drop-shadow(0 0 1rem rgba(63, 165, 195, 0.75));
          filter: drop-shadow(0 0 1rem rgba(63, 165, 195, 0.75));
}
.resultado-individual__ia-processing-loader:before {
  width: 100%;
  padding-bottom: 100%;
  -webkit-box-shadow: inset 0 0 0 1rem #3fa5c3;
          box-shadow: inset 0 0 0 1rem #3fa5c3;
  -webkit-animation-name: pulsIn;
          animation-name: pulsIn;
}
.resultado-individual__ia-processing-loader:after {
  width: calc(100% - 2rem);
  padding-bottom: calc(100% - 2rem);
  -webkit-box-shadow: 0 0 0 0 #3fa5c3;
          box-shadow: 0 0 0 0 #3fa5c3;
}
@-webkit-keyframes pulsIn {
  0% {
    -webkit-box-shadow: inset 0 0 0 1rem #3fa5c3;
            box-shadow: inset 0 0 0 1rem #3fa5c3;
    opacity: 1;
  }
  50%, 100% {
    -webkit-box-shadow: inset 0 0 0 0 #3fa5c3;
            box-shadow: inset 0 0 0 0 #3fa5c3;
    opacity: 0;
  }
}
@keyframes pulsIn {
  0% {
    -webkit-box-shadow: inset 0 0 0 1rem #3fa5c3;
            box-shadow: inset 0 0 0 1rem #3fa5c3;
    opacity: 1;
  }
  50%, 100% {
    -webkit-box-shadow: inset 0 0 0 0 #3fa5c3;
            box-shadow: inset 0 0 0 0 #3fa5c3;
    opacity: 0;
  }
}
@-webkit-keyframes pulsOut {
  0%, 50% {
    -webkit-box-shadow: 0 0 0 0 #3fa5c3;
            box-shadow: 0 0 0 0 #3fa5c3;
    opacity: 0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 1rem #3fa5c3;
            box-shadow: 0 0 0 1rem #3fa5c3;
    opacity: 1;
  }
}
@keyframes pulsOut {
  0%, 50% {
    -webkit-box-shadow: 0 0 0 0 #3fa5c3;
            box-shadow: 0 0 0 0 #3fa5c3;
    opacity: 0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 1rem #3fa5c3;
            box-shadow: 0 0 0 1rem #3fa5c3;
    opacity: 1;
  }
}
.resultado-individual__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  gap: 24px;
}
@media (max-width: 899px) {
  .resultado-individual__wrapper {
    gap: 18px;
  }
}
@media (max-width: 599px) {
  .resultado-individual__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.resultado-individual__titulo-principal {
  font-size: 32px;
  font-weight: 800;
  line-height: 28px;
}
.resultado-individual__familias {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 19rem;
  border-radius: 30px;
  padding: 36px 24px 12px 24px;
  background: #f8f9fa;
  overflow-y: auto;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863);
}
@media (max-width: 899px) {
  .resultado-individual__familias {
    width: 22%;
    padding: 36px 0px 12px 0px;
  }
}
@media (max-width: 800px) {
  .resultado-individual__familias {
    width: 25dvw;
  }
}
@media (max-width: 599px) {
  .resultado-individual__familias {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-radius: 20px;
    border: solid 1px rgba(222, 222, 222, 0.6705882353);
  }
}
.resultado-individual__familias-titulo {
  color: #808080;
  font-size: 28px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 1.8rem;
  text-align: center;
}
@media (max-width: 899px) {
  .resultado-individual__familias-titulo {
    line-height: 18px;
    font-size: 22px;
  }
}
@media (max-width: 800px) {
  .resultado-individual__familias-titulo {
    font-size: 20px;
  }
}
@media (max-width: 599px) {
  .resultado-individual__familias-titulo {
    justify-self: center;
    margin-bottom: 1rem;
    width: 100%;
  }
}
.resultado-individual__familia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 6px;
  margin-bottom: 32px;
}
@media (max-width: 899px) {
  .resultado-individual__familia {
    margin-bottom: 28px;
  }
}
@media (max-width: 599px) {
  .resultado-individual__familia {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 5px;
  }
  .resultado-individual__familia:last-child {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
.resultado-individual__familia:last-child {
  margin-bottom: 0;
}
.resultado-individual__familia-icone {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
@media (max-width: 599px) {
  .resultado-individual__familia-icone {
    display: none;
  }
}
.resultado-individual__familia-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  color: #808080;
}
@media (max-width: 899px) {
  .resultado-individual__familia-body {
    padding-left: 0;
  }
}
@media (max-width: 599px) {
  .resultado-individual__familia-body {
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 6px;
  }
}
.resultado-individual__familia-nome {
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 24px;
  text-align: center;
}
.resultado-individual__familia-nome--mobile {
  display: none;
}
@media (max-width: 599px) {
  .resultado-individual__familia-nome--mobile {
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 899px) {
  .resultado-individual__familia-nome {
    font-size: 22px;
  }
}
@media (max-width: 800px) {
  .resultado-individual__familia-nome {
    font-size: 18px;
  }
}
@media (max-width: 599px) {
  .resultado-individual__familia-nome {
    display: none;
  }
}
.resultado-individual__familia-nivel {
  font-size: 15.5px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  width: 100%;
}
@media (max-width: 899px) {
  .resultado-individual__familia-nivel {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
}
@media (max-width: 599px) {
  .resultado-individual__familia-nivel {
    font-size: 10px;
    line-height: 8px;
  }
}
.resultado-individual__familia-barras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  margin-top: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 899px) {
  .resultado-individual__familia-barras {
    position: relative;
    width: 100%;
  }
}
.resultado-individual__regua {
  position: relative;
  width: 140px;
  height: 14px;
  border-radius: 7px;
  background: #dee2e6;
  overflow: hidden;
}
@media (max-width: 899px) {
  .resultado-individual__regua {
    width: 112px;
  }
}
@media (max-width: 599px) {
  .resultado-individual__regua {
    width: 96px;
    height: 10px;
  }
}
.resultado-individual__regua-tick {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(17, 24, 39, 0.4);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.resultado-individual__regua-tick--1 {
  left: 25%;
}
.resultado-individual__regua-tick--2 {
  left: 50%;
}
.resultado-individual__regua-tick--3 {
  left: 75%;
}
.resultado-individual__regua-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 7px 0 0 7px;
  background: #8a8f98;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.resultado-individual__familia-barras--autogestao .resultado-individual__regua {
  background: rgba(138, 185, 37, 0.18);
}
.resultado-individual__familia-barras--autogestao .resultado-individual__regua-fill {
  background: #8AB925;
}
.resultado-individual__familia-barras--abertura .resultado-individual__regua {
  background: rgba(118, 90, 163, 0.18);
}
.resultado-individual__familia-barras--abertura .resultado-individual__regua-fill {
  background: #765AA3;
}
.resultado-individual__familia-barras--modulacao .resultado-individual__regua {
  background: rgba(63, 165, 195, 0.18);
}
.resultado-individual__familia-barras--modulacao .resultado-individual__regua-fill {
  background: #3FA5C3;
}
.resultado-individual__familia-barras--engajamento .resultado-individual__regua {
  background: rgba(244, 187, 47, 0.18);
}
.resultado-individual__familia-barras--engajamento .resultado-individual__regua-fill {
  background: #F4BB2F;
}
.resultado-individual__familia-barras--amabilidade .resultado-individual__regua {
  background: rgba(230, 29, 71, 0.18);
}
.resultado-individual__familia-barras--amabilidade .resultado-individual__regua-fill {
  background: #E61D47;
}
.resultado-individual__familia-barras .resultado-individual__regua--vazia {
  background: #dee2e6;
}
.resultado-individual__competencias {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 32px;
  overflow-y: visible;
  gap: 8px;
  background-color: white;
  border-radius: 0 30px 0 30px;
}
@media (max-width: 599px) {
  .resultado-individual__competencias {
    border-radius: 20px;
    border: solid 1px rgba(222, 222, 222, 0.6705882353);
    padding: 2rem 1.5rem;
  }
}
.resultado-individual__competencias-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 4px;
}
.resultado-individual__competencias-titulo {
  color: #808080;
  font-size: 28px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 1rem;
}
@media (max-width: 899px) {
  .resultado-individual__competencias-titulo {
    line-height: 18px;
    font-size: 22px;
  }
}
@media (max-width: 800px) {
  .resultado-individual__competencias-titulo {
    font-size: 20px;
  }
}
.resultado-individual__competencias-tabela {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  transition: opacity 150ms;
  position: absolute;
  right: 0;
  top: 0;
  margin: 30px 40px 0 0;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 15px;
}
.resultado-individual__competencias-tabela img {
  width: 40px !important;
  height: 40px !important;
}
.resultado-individual__competencias-tabela:hover {
  opacity: 1;
}
@media (max-width: 599px) {
  .resultado-individual__competencias-tabela {
    margin: 1rem 1rem 0 0;
  }
}
.resultado-individual__competencias-hint {
  font-size: 16px;
  line-height: 22px;
  color: #808080;
  font-weight: 500;
  margin-bottom: 2.6rem;
}
@media (max-width: 899px) {
  .resultado-individual__competencias-hint {
    text-align: left;
    margin: 0.5rem 0rem 1.2rem;
  }
}
.resultado-individual__niveis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.resultado-individual__nivel {
  border-radius: 20px;
  overflow: hidden;
  min-height: 170px;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1019607843);
  color: #fff;
  padding: 14px;
  overflow: visible;
}
.resultado-individual__nivel--otimo {
  background: #0A3C5B;
}
.resultado-individual__nivel--bem {
  background: #4887A1;
}
.resultado-individual__nivel--basico {
  background: #8FAAB5;
}
.resultado-individual__nivel--pouco {
  background: #BDD1DB;
}
.resultado-individual__nivel-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 10px;
}
.resultado-individual__nivel-label img {
  width: 36px !important;
  height: auto !important;
}
.resultado-individual__nivel-label b {
  font-weight: 700;
}
.resultado-individual__nivel-label p {
  margin-left: 12px;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 0 !important;
}
@media (max-width: 899px) {
  .resultado-individual__nivel-label p {
    text-align: left;
    font-size: 16px;
  }
}
.resultado-individual__nivel-comps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  padding: 6px 10px 10px;
}
@media (max-width: 899px) {
  .resultado-individual__nivel-comps {
    gap: 12px;
  }
}
.resultado-individual__comp-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.resultado-individual__comp-sigla {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 6px;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  -webkit-transition: -webkit-transform 150ms ease, -webkit-box-shadow 150ms ease;
  transition: -webkit-transform 150ms ease, -webkit-box-shadow 150ms ease;
  -o-transition: transform 150ms ease, box-shadow 150ms ease;
  transition: transform 150ms ease, box-shadow 150ms ease;
  transition: transform 150ms ease, box-shadow 150ms ease, -webkit-transform 150ms ease, -webkit-box-shadow 150ms ease;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922), 0px 6px 6px 0px rgba(255, 255, 255, 0.3019607843) inset;
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922), 0px 6px 6px 0px rgba(255, 255, 255, 0.3019607843) inset;
  margin-bottom: 6px;
}
.resultado-individual__comp-sigla:hover {
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}
.resultado-individual__comp-sigla--autogestao {
  background: #8AB925;
}
.resultado-individual__comp-sigla--abertura {
  background: #765AA3;
}
.resultado-individual__comp-sigla--modulacao {
  background: #3FA5C3;
  font-size: 1.8rem;
}
.resultado-individual__comp-sigla--engajamento {
  background: #F4BB2F;
}
.resultado-individual__comp-sigla--amabilidade {
  background: #E61D47;
}
@media (max-width: 899px) {
  .resultado-individual__comp-sigla {
    width: 46px;
    height: 46px;
    font-size: 1.4rem;
    margin-bottom: 2px;
  }
}
.resultado-individual__legenda {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  padding: 8px;
  position: relative;
  width: 70%;
  background: -webkit-gradient(linear, right top, left top, from(#0A3C5B), to(#BDD1DB));
  background: -o-linear-gradient(right, #0A3C5B 0%, #BDD1DB 100%);
  background: linear-gradient(270deg, #0A3C5B 0%, #BDD1DB 100%);
}
.resultado-individual__legenda p {
  font-size: 11px;
  line-height: 13px;
  color: #fff;
  margin: 0;
  max-width: 360px;
  margin-bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  margin-right: 1rem;
}
@media (max-width: 599px) {
  .resultado-individual__legenda p {
    position: relative;
  }
}
@media (max-width: 599px) {
  .resultado-individual__legenda {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.resultado-individual__relacoes {
  margin-top: 3.8rem;
  padding: 32px;
  background-color: white;
  border-radius: 0px 20px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
}
@media (max-width: 599px) {
  .resultado-individual__relacoes {
    padding: 2rem 1.5rem;
    margin: 1rem 0rem;
    border-radius: 20px;
    border: solid 1px rgba(222, 222, 222, 0.6705882353);
  }
}
.resultado-individual__relacoes-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  cursor: pointer;
}
.resultado-individual__relacoes-header p {
  color: #808080;
  font-size: 24px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
}
.resultado-individual__relacoes-header p strong {
  text-transform: uppercase;
}
@media (max-width: 899px) {
  .resultado-individual__relacoes-header p {
    text-align: left;
    line-height: 28px;
  }
}
@media (max-width: 599px) {
  .resultado-individual__relacoes-header p {
    font-size: 16px;
    line-height: 20px;
    width: 80%;
  }
}
.resultado-individual__relacoes-header img {
  width: 40px !important;
  height: auto;
}
.resultado-individual__relacoes-chevron {
  width: 24px;
  height: 24px;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.resultado-individual__relacoes-chevron--collapsed {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.resultado-individual__relacoes-grid-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  -webkit-transition: grid-template-rows 800ms ease;
  -o-transition: grid-template-rows 800ms ease;
  transition: grid-template-rows 800ms ease;
  transition: grid-template-rows 800ms ease, -ms-grid-rows 800ms ease;
}
.resultado-individual__relacoes-grid-wrapper > * {
  overflow: hidden;
  min-height: 0;
}
.resultado-individual__relacoes-grid-wrapper--collapsed {
  grid-template-rows: 0fr;
}
.resultado-individual__relacoes-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 899px) {
  .resultado-individual__relacoes-grid {
    grid-template-columns: 1fr;
  }
}
.resultado-individual__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 25px;
  overflow: hidden;
  background: rgba(180, 203, 209, 0.13);
  min-height: 10rem;
  max-height: 35rem;
}
.resultado-individual__card-header {
  text-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.resultado-individual__card-titulo {
  color: #58749E;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  padding: 24px 16px 0 16px;
  width: 100%;
  margin-bottom: 8px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 5rem;
}
.resultado-individual__card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  padding: 0 16px;
  width: 35rem;
}
@media (max-width: 599px) {
  .resultado-individual__card-tags {
    width: 100%;
    font-size: 12px;
  }
}
.resultado-individual__card-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
}
.resultado-individual__card-tag--autogestao {
  color: #8AB925;
}
.resultado-individual__card-tag--abertura {
  color: #765AA3;
}
.resultado-individual__card-tag--modulacao {
  color: #3FA5C3;
}
.resultado-individual__card-tag--engajamento {
  color: #F4BB2F;
}
.resultado-individual__card-tag--amabilidade {
  color: #E61D47;
}
.resultado-individual__card-seta {
  font-size: 0.75rem;
  color: #adb5bd;
  padding: 0 2px;
}
.resultado-individual__card-texto {
  font-size: 14px;
  color: gray;
  line-height: 20px;
  padding: 0 16px 16px 16px;
  width: 35rem;
  text-align: start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 1199px) {
  .resultado-individual__card-texto {
    width: 90%;
  }
}
@media (max-width: 899px) {
  .resultado-individual__card-texto {
    width: 100%;
  }
}
.resultado-individual__card-texto > p {
  font-size: inherit;
  margin-bottom: 0.5rem;
}
@media (max-width: 899px) {
  .resultado-individual__card-texto > p {
    line-height: 22px;
  }
}
@media (max-width: 599px) {
  .resultado-individual__card-texto > p {
    font-size: 14px;
    line-height: 18px;
  }
}
.resultado-individual__comp-modal {
  color: black;
  font-size: 18px;
  height: auto;
  padding: 16px;
}
.resultado-individual__comp-modal > li {
  line-height: 28px !important;
}
@media (max-width: 599px) {
  .resultado-individual__comp-modal > li {
    line-height: 22px !important;
  }
}
.resultado-individual__comp-modal--title {
  color: black;
  font-weight: 800;
  font-size: 20px;
}
.resultado-individual__comp-modal--title--autogestao {
  color: #8AB925;
}
.resultado-individual__comp-modal--title--abertura {
  color: #765AA3;
}
.resultado-individual__comp-modal--title--modulacao {
  color: #3FA5C3;
}
.resultado-individual__comp-modal--title--engajamento {
  color: #F4BB2F;
}
.resultado-individual__comp-modal--title--amabilidade {
  color: #E61D47;
}
@media (max-width: 599px) {
  .resultado-individual__comp-modal {
    font-size: 16px;
  }
}

.checkbox {
  position: relative;
}
.checkbox__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-weight: 400;
  letter-spacing: 0;
  min-height: 2em;
  padding-left: 2.75rem;
  position: relative;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checkbox__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    line-height: 2em;
  }
}
.checkbox__label:active, .checkbox__label:focus {
  background-color: none;
}
.checkbox__label::before {
  background-color: hsl(210, 24%, 14%);
  border-radius: 55px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.75rem;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  top: 50%;
  width: 1.75rem;
}
.checkbox__label::after {
  text-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.checkbox__input:checked ~ .checkbox__label::after {
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.checkbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0.25rem;
}
@media (min-width: 601px) {
  .checkbox {
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
}
@media (min-width: 901px) {
  .checkbox {
    margin-right: 1rem;
  }
}
.checkbox:last-of-type {
  margin-right: 0;
}
.checkbox__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #000;
}
.checkbox__label::after {
  color: hsl(210, 15%, 96%);
  content: "\e905";
  font-family: "icomoon";
  font-size: 1em;
  font-weight: 700;
  left: 0;
  position: absolute;
  text-align: center;
  text-rendering: auto;
  top: 50%;
  width: calc(1.75rem + 0.1rem);
}
.checkbox__icon {
  color: hsl(209, 20%, 26%);
  -webkit-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked ~ .checkbox__label::before {
  background-color: #1A2E3D;
}
.checkbox__input:checked ~ .checkbox__label::after {
  opacity: 1;
}
.checkbox__input:checked ~ .checkbox__icon {
  color: #1A2E3D;
}
.checkbox--white .checkbox__label::before {
  background-color: hsl(210, 15%, 96%);
}

.container-scroll {
  position: relative;
  overflow-y: auto;
  max-height: 30rem;
}
.container-scroll--v .container-scroll__scroll {
  max-height: 27rem;
  overflow: auto hidden;
}
@media (min-height: 601px) {
  .container-scroll--v .container-scroll__scroll {
    max-height: 50rem;
  }
}
.container-scroll--h .container-scroll__scroll::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .container-scroll--h .container-scroll__scroll::-webkit-scrollbar {
    width: 0;
  }
}
.container-scroll--h .container-scroll__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.container-scroll--h .container-scroll__scroll::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.container-scroll--h .container-scroll__scroll {
  overflow-x: scroll;
}
.container-scroll--h::after {
  background-image: -webkit-gradient(linear, right top, left top, from(hsl(210, 15%, 10%)), to(transparent));
  background-image: -o-linear-gradient(right, hsl(210, 15%, 10%), transparent);
  background-image: linear-gradient(to left, hsl(210, 15%, 10%), transparent);
  content: "";
  height: calc(100% - 2rem);
  position: absolute;
  right: 0;
  top: 2rem;
  width: 6em;
}

.comp-explanation__box {
  height: calc(1rem + 65vh);
  width: auto;
}
.comp-explanation__arrow {
  border-color: currentColor transparent transparent transparent;
  border-style: solid;
  border-width: 12px;
  color: hsl(210, 15%, 96%);
  content: "";
  -webkit-filter: drop-shadow(4px 0px 4px rgba(26, 26, 26, 0.2));
          filter: drop-shadow(4px 0px 4px rgba(26, 26, 26, 0.2));
  position: absolute;
  -webkit-transform: rotate(90deg) !important;
      -ms-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 3rem;
  opacity: 0;
  visibility: hidden;
}
.comp-explanation__arrow--is-show {
  opacity: 1;
  visibility: visible;
}

.counter {
  position: relative;
}
.counter__bubble {
  color: hsl(210, 15%, 96%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(0, 71%, 53%);
  border-radius: 50%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 12px;
  font-weight: 700;
  height: 1.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translate(-45%, -45%) scale(0.75);
      -ms-transform: translate(-45%, -45%) scale(0.75);
          transform: translate(-45%, -45%) scale(0.75);
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  -webkit-transition: 300ms var(--ease-in-out-quad);
  -o-transition: 300ms var(--ease-in-out-quad);
  transition: 300ms var(--ease-in-out-quad);
  visibility: hidden;
  width: 1.5em;
}
.counter__bubble--is-show {
  opacity: 1;
  -webkit-transform: translate(-45%, -45%) scale(1);
      -ms-transform: translate(-45%, -45%) scale(1);
          transform: translate(-45%, -45%) scale(1);
  visibility: visible;
}

.data {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.data--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.data--bordered {
  padding: 1.5rem;
  min-width: 8rem;
}
.data--success {
  background-color: hsl(210, 15%, 96%);
  border: 2px solid hsla(120, 16%, 29%, 0.5);
  min-width: 8rem;
}
.data--bordered-short {
  padding: 0.5rem 1rem;
}
.data--md {
  min-width: 8rem;
}
.data__title {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 90%;
}
.data__value {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.9rem;
  font-size: clamp(1.6rem, 2vw, 2.25rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.data__label {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: hsl(224, 67%, 78%);
  opacity: 0.75;
  margin-top: 0.25rem;
  max-width: 95%;
  text-align: center;
}
@media (min-width: 901px) {
  .data__label {
    font-size: 1em;
  }
}
.data--horizontal .data__label {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}

.date {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.date > *:last-child {
  margin-left: 0.5rem;
}
.date__day {
  font-size: 2.25rem;
  font-weight: 700;
  position: relative;
  top: 4px;
}
.date__month {
  font-size: 1.35rem;
  position: relative;
  text-transform: uppercase;
  top: 3px;
}

.domain-cover {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-blend-mode: none;
  background-clip: initial;
  background-color: hsl(216, 33%, 98%);
  color: darkgray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.5rem;
}
[class*=management] .domain-cover {
  border-color: #5FB44D;
}
[class*=engagement] .domain-cover {
  border-color: #F5BA2D;
}
[class*=kindness] .domain-cover {
  border-color: #E61646;
}
[class*=resilience] .domain-cover {
  border-color: #44A0D9;
}
[class*=openness] .domain-cover {
  border-color: #765BA4;
}
.domain-cover__svg > * {
  margin: 0rem 1rem 0rem 0rem;
  line-height: 5rem;
}
@media (min-width: 1201px) {
  .domain-cover__svg > * ellipse,
  .domain-cover__svg > * line,
  .domain-cover__svg > * path {
    stroke-width: 4px;
  }
}
@media (max-width: 599px) {
  .domain-cover__svg > * {
    margin: 0rem;
  }
}
@media (max-width: 899px) {
  .domain-cover__svg > * {
    margin: 0rem !important;
  }
}
@media (max-width: 1199px) {
  .domain-cover__svg > * {
    margin: 0.5rem 0rem 0rem 0rem;
  }
}
.domain-cover__title {
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.15;
  letter-spacing: 0.01em;
  font-size: 1.75rem !important;
  line-height: 2rem;
  text-align: left;
  width: 100%;
  margin-top: 0.25rem;
}
@media (max-width: 599px) {
  .domain-cover__title {
    font-size: 2em !important;
    margin-right: 8rem;
  }
}
@media (max-width: 899px) {
  .domain-cover__title {
    font-size: 1.2em !important;
    line-height: 1rem;
    margin-right: 7rem;
  }
}
@media (max-width: 1199px) {
  .domain-cover__title {
    font-size: 1.2em !important;
    line-height: 1rem;
    margin-right: 0rem;
    margin-top: 1.5rem;
    text-align: center;
  }
}
@media (max-width: 1799px) {
  .domain-cover__title {
    margin-right: 0rem;
  }
}
.domain-cover__texto {
  font-size: 1.1rem !important;
  font-weight: 300 !important;
}

.edit-text {
  margin-bottom: 0.25rem;
  min-width: 8rem;
  outline: 0 solid transparent;
  padding: 0 0 0.25rem 0;
  position: relative;
}
.edit-text--is-show:not([class*="--new-area"]) {
  margin-bottom: 1rem;
}
.edit-text__input {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  height: 1em;
  min-height: 1em;
  outline: 0 solid transparent;
  padding-left: 0;
  position: relative;
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  width: 100%;
  z-index: 2;
}
[class*="--is-show"] > .edit-text__input {
  color: hsl(221, 78%, 88%);
  height: 5rem;
  min-height: 5rem;
  padding: 1rem;
}
[class*="--new-area"] > .edit-text__input {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.edit-text__indicator {
  background-color: hsla(227, 50%, 57%, 0.1);
  border-bottom: 2px dotted hsl(227, 50%, 57%);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  width: 100%;
  z-index: 1;
}
[class*="--is-show"] > .edit-text__indicator {
  opacity: 1;
}

.empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(216, 33%, 98%);
  border: 2px dotted hsl(214, 15%, 93%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3.75rem;
}
.empty__icon {
  margin-bottom: 1.5rem;
  opacity: 0.8;
}

.filter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1201px) {
  .filter {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.filter > * {
  margin-top: 1.5rem;
  width: 100%;
}
@media (min-width: 901px) and (max-width: 1199px) {
  .filter > * {
    margin-top: 0;
  }
  .filter > *:first-child {
    margin-right: 2.25rem;
    width: calc(40% - 2.25rem / 2);
  }
  .filter > *:nth-child(2n) {
    width: calc(60% - 2.25rem / 2);
  }
}
@media (min-width: 1201px) {
  .filter > * {
    margin-top: 0;
    margin-right: 2.25rem;
    width: auto;
  }
}
.filter > *:last-child {
  margin-left: auto;
  margin-right: 0;
  width: auto;
}
@media (min-width: 1801px) {
  .filter > *:last-child {
    margin-left: 0;
  }
}
.filter--all-left > *:last-child {
  margin-left: 0;
}
.filter--no-top > * {
  margin-top: 0;
}

.flash-wrapper {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  display: block;
  margin: auto;
}
.flash-wrapper .flash-card {
  width: 100%;
  height: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 90%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (min-width: 601px) {
  .flash-wrapper .flash-card {
    grid-template-columns: 45% 45%;
  }
}
.flash-wrapper .flash-card .flip-container {
  width: 100%;
  height: 50vh;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  margin-bottom: 2rem;
  font-family: poppins, sans-serif;
  line-height: 1.5rem;
}
@media (min-width: 601px) {
  .flash-wrapper .flash-card .flip-container {
    line-height: 2.2rem;
    word-spacing: 0.1rem;
  }
}
.flash-wrapper .flash-card .flip-container:hover .flipper {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.flash-wrapper .flash-card .flipper {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 50px;
  border: solid 4px #fff;
  -webkit-box-shadow: 7px 11px 6px -3px rgb(41, 26, 64);
  box-shadow: 7px 11px 6px -3px rgb(41, 26, 64);
}
.flash-wrapper .flash-card .front,
.flash-wrapper .flash-card .back {
  position: absolute;
  width: 90%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  vertical-align: middle;
  justify-self: center;
  font-size: 1rem;
}
.flash-wrapper .flash-card .front > span,
.flash-wrapper .flash-card .back > span {
  line-height: 28px;
  font-size: 1.2rem;
  text-align: left;
  padding: 1rem;
}
@media (min-width: 601px) {
  .flash-wrapper .flash-card .front,
  .flash-wrapper .flash-card .back {
    font-size: 1.5rem;
  }
}
.flash-wrapper .flash-card .back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  font-size: 1rem;
  background-color: hsl(36, 78%, 55%);
  border-radius: 50px;
  width: 100%;
  padding: 1rem;
}
@media (min-width: 601px) {
  .flash-wrapper .flash-card .back {
    font-size: 1rem;
  }
}
.flash-wrapper .flash-card .front {
  background-color: hsl(265, 43%, 40%);
  border-radius: 50px;
  width: 100%;
  padding: 1rem;
}
.flash-wrapper .flash-card .font-adjust {
  font-size: x-small;
}
@media (min-width: 601px) {
  .flash-wrapper .flash-card .font-adjust {
    font-size: 0.8vw;
  }
}

.form__msg {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: calc(100% + 0.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85rem;
  line-height: 1;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.form__msg--bellow {
  bottom: unset;
  top: calc(100% + 0.25rem);
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
}
.form__msg--error {
  color: hsl(0, 71%, 53%);
}
.form__msg--success {
  color: hsl(120, 16%, 29%);
}
.form__msg--warning {
  color: hsl(42, 87%, 67%);
}
.form__msg--on {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.form__msg-icon {
  font-size: 1.15rem;
  margin-right: 0.25rem;
}
.form-group-novo-layout {
  display: grid;
  margin: 0.8rem 0rem;
}
@media (min-width: 601px) {
  .form-group-novo-layout {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
  }
}
@media (min-width: 901px) {
  .form-group-novo-layout {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
  }
}
@media (min-width: 1201px) {
  .form-group-novo-layout {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
  }
}
.form-group__wrapper--select {
  position: relative;
}
.form-group {
  color: #818181;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1.5rem;
  max-width: 100%;
  display: inline-block;
}
.form-group-ano {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.form-group__container {
  position: relative;
  margin-bottom: 1.5rem;
}
.form-group__label {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.form-group__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-appearance: none;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(129, 129, 129, 0.3490196078) !important;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-group__input {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.form-group__input--amount {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0;
  width: 6rem;
}
.form-group__input + .form-group__input:not(.pwdt) {
  margin-left: 1.5rem;
}
.form-group__input--select-resultados {
  border-radius: 0 12px !important;
  height: 3.1rem;
  padding: 1rem;
  color: #3FA5C3;
  border: 0 !important;
  width: 95%;
  margin: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.04) 15px 15px 30px 0px, rgba(0, 0, 0, 0.04) -15px -15px 30px 0px;
          box-shadow: rgba(0, 0, 0, 0.04) 15px 15px 30px 0px, rgba(0, 0, 0, 0.04) -15px -15px 30px 0px;
}
@media (max-width: 599px) {
  .form-group__input--select-resultados {
    width: 85vw;
    min-width: 12rem;
    margin: 0 1rem;
    max-width: 100vw;
  }
}
@media (max-width: 1199px) {
  .form-group__input--select-resultados {
    min-width: 15rem;
  }
}
.form-group__input--select-resultados::before {
  color: #3FA5C3;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 1.35rem;
  padding: 0 0.5rem 0 0;
  pointer-events: none;
  position: absolute;
  right: 0.5em;
  top: 30% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-group__input--admdata {
  padding: 1rem;
  height: 3.4rem;
  border-radius: 7px !important;
}
.form-group__input--admdata::before {
  width: 3.5rem !important;
  border-radius: 7px !important;
}
.form-group__cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  width: 40px;
}
.form-group--aired-v {
  margin-bottom: 1.5rem;
}
.form-group--aired-h {
  margin-right: 2.25rem;
}
.form-group--bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.form-group--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-group--full-width {
  width: 100%;
}
.form-group--full-width [class*=wrapper] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-group--vertical {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-group--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-group--search-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.form-group--search-wrapper::before {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid hsl(210, 24%, 14%);
  bottom: 0;
  color: inherit;
  content: "\e90d";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.35rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 5rem;
  z-index: 2;
}
.form-group--search-wrapper--autorrelato::before {
  background-color: #3FA5C3;
}
.form-group--search-wrapper--setorpublico::before {
  background-color: #28346F;
}
.form-group--search-wrapper--heterorrelato::before {
  background-color: #8771AB;
}
.form-group--search-wrapper [class*=__input] {
  width: 100%;
}
.form-group--search-wrapper:not[class*=vertical] ~ [class*=btn] {
  margin-left: 1rem;
}
.form-group--search-wrapper-admdata {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.form-group--search-wrapper-admdata::before {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(27, 36, 44, 0.2392156863);
  bottom: 0;
  color: inherit;
  content: "\e90d";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.35rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.4rem;
  z-index: 2;
  border-radius: 7px;
}
.form-group--search-wrapper-admdata--autorrelato::before {
  background-color: #3FA5C3;
}
.form-group--search-wrapper-admdata--setorpublico::before {
  background-color: #28346F;
}
.form-group--search-wrapper-admdata--heterorrelato::before {
  background-color: #8771AB;
}
.form-group--search-wrapper-admdata [class*=__input] {
  width: 100%;
}
.form-group--search-wrapper-admdata:not[class*=vertical] ~ [class*=btn] {
  margin-left: 1rem;
}
.form-group--select-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
  width: 50%;
  position: relative;
}
.form-group--select-wrapper::before {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 1.3rem;
  padding: 0 0.5rem 0 0;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 50%;
  color: #808080 !important;
}
@media (max-width: 599px) {
  .form-group--select-wrapper::before {
    right: 1em !important;
    top: 2.3rem;
    font-size: 2.3rem;
  }
}
@media (max-width: 899px) {
  .form-group--select-wrapper::before {
    right: 3rem;
  }
}
@media (max-width: 1199px) {
  .form-group--select-wrapper::before {
    right: 3rem;
  }
}
.form-group--select-wrapper--admdata::before {
  right: 15px;
  top: 32%;
}
@media (min-width: 601px) {
  .form-group--select-wrapper {
    display: inline-grid;
  }
}
@media (max-width: 899px) {
  .form-group--select-wrapper {
    display: inline-grid;
  }
}
@media (min-width: 1201px) {
  .form-group--select-wrapper {
    display: inline-grid !important;
  }
}

.help {
  z-index: 325;
  bottom: 2rem;
  position: fixed;
  right: 1rem;
}
@media print {
  .help {
    display: none;
  }
}
.help__trigger {
  z-index: 3;
  color: darkgray;
  width: 3rem;
  height: 3rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.4) inset, 0 0 25px rgba(255, 255, 255, 0.3), 0 5px 35px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(255, 255, 255, 0.4) inset, 0 0 25px rgba(255, 255, 255, 0.3), 0 5px 35px rgba(0, 0, 0, 0.2); /* Sombra profunda */
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.help__trigger img {
  max-width: 95%;
}
.help__overlayer {
  z-index: 400;
  background-color: rgba(52, 63, 69, 0.95);
  height: 100vh;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  width: 100vw;
  visibility: hidden;
  z-index: 1;
}
[class*="--is-show"] .help__overlayer {
  opacity: 1;
  pointer-events: none;
  visibility: visible;
}
.help__container {
  background-color: hsl(208, 39%, 17%);
  bottom: 0;
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  height: 100%;
  opacity: 0;
  padding: 0.5rem;
  position: fixed;
  right: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 300ms var(--ease-in-out-circ);
  -o-transition: 300ms var(--ease-in-out-circ);
  transition: 300ms var(--ease-in-out-circ);
  width: 100%;
  z-index: 2;
}
@media (min-width: 601px) {
  .help__container {
    border-radius: 4px 2px;
    height: auto;
    position: absolute;
    width: 30rem;
  }
}
@media (max-width: 599px) {
  .help__container {
    width: 92%;
    height: 67%;
    right: 16px;
    bottom: 16px;
    border-radius: 25px;
  }
}
[class*="--is-show"] .help__container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.help__container textarea {
  max-width: 100vw;
  padding: 1rem;
}
.help__close {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-25%, 25%);
      -ms-transform: translate(-25%, 25%);
          transform: translate(-25%, 25%);
  z-index: 3;
  border-radius: 20px;
}
@media (min-width: 601px) {
  .help__close {
    -webkit-transform: translate(25%, -25%);
        -ms-transform: translate(25%, -25%);
            transform: translate(25%, -25%);
  }
  .help__close:hover {
    -webkit-transform: translate(25%, -25%);
        -ms-transform: translate(25%, -25%);
            transform: translate(25%, -25%);
  }
}
.help__form, .help__success {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  left: 0;
  padding: 1.5rem;
  right: 0;
  top: 0;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: 300ms var(--ease-in-out-quad);
  -o-transition: 300ms var(--ease-in-out-quad);
  transition: 300ms var(--ease-in-out-quad);
}
.help__form {
  position: relative;
}
.help__form > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
[class*=step-two] .help__form {
  opacity: 0;
  -webkit-transform: translateX(-4px);
      -ms-transform: translateX(-4px);
          transform: translateX(-4px);
  visibility: hidden;
}
.help__input {
  -webkit-box-shadow: 0 0 0px 1000px hsl(209, 20%, 26%) inset;
  -webkit-text-fill-color: currentColor;
  background-color: hsl(209, 20%, 26%);
  color: hsl(216, 33%, 98%);
}
.help__cta {
  margin-top: auto;
}
.help__basic-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid hsl(209, 20%, 26%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 1.5rem;
}
.help__user-avatar {
  margin-right: 1rem;
}
.help__success {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(4px);
      -ms-transform: translateX(4px);
          transform: translateX(4px);
  visibility: hidden;
}
[class*=step-two] .help__success {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.help .icon-help-circle {
  font-size: 1.55rem;
  text-align: center;
}

.inside-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.inside-scroll__fixed {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.inside-scroll__scroll::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .inside-scroll__scroll::-webkit-scrollbar {
    width: 0;
  }
}
.inside-scroll__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.inside-scroll__scroll::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.inside-scroll__scroll {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (landscape) {
  .inside-scroll__scroll {
    padding-right: 0.75rem;
  }
}
.inside-scroll__scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.historic-chart-wrapper {
  width: 100%;
}

.historic-chart-svg {
  width: 100%;
  height: auto;
  display: block;
}

.historic-chart__point {
  cursor: pointer;
  outline: none;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.historic-chart__point-circle,
.historic-chart__point-core {
  -webkit-transition: stroke-width 0.2s ease, r 0.2s ease, fill 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: stroke-width 0.2s ease, r 0.2s ease, fill 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease, stroke-width 0.2s ease, r 0.2s ease, fill 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, stroke-width 0.2s ease, r 0.2s ease, fill 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, stroke-width 0.2s ease, r 0.2s ease, fill 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transform-box: fill-box;
}

.historic-chart__point-label {
  font-size: 13px;
  font-weight: 600;
  fill: #1f2937;
  pointer-events: none;
  -webkit-transition: fill 0.2s ease, font-size 0.2s ease, -webkit-transform 0.2s ease;
  transition: fill 0.2s ease, font-size 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease, fill 0.2s ease, font-size 0.2s ease;
  transition: transform 0.2s ease, fill 0.2s ease, font-size 0.2s ease;
  transition: transform 0.2s ease, fill 0.2s ease, font-size 0.2s ease, -webkit-transform 0.2s ease;
}

.historic-chart__point:hover .historic-chart__point-circle,
.historic-chart__point:focus-visible .historic-chart__point-circle {
  stroke-width: 4.5;
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}

.historic-chart__point:hover .historic-chart__point-core,
.historic-chart__point:focus-visible .historic-chart__point-core {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.historic-chart__point:hover .historic-chart__point-label,
.historic-chart__point:focus-visible .historic-chart__point-label {
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  font-size: 14px;
  fill: #0f172a;
}

.historic-chart__point:focus-visible {
  outline: none;
}

.historic-chart__band {
  -webkit-transition: opacity 0.25s ease, -webkit-filter 0.25s ease;
  transition: opacity 0.25s ease, -webkit-filter 0.25s ease;
  -o-transition: opacity 0.25s ease, filter 0.25s ease;
  transition: opacity 0.25s ease, filter 0.25s ease;
  transition: opacity 0.25s ease, filter 0.25s ease, -webkit-filter 0.25s ease;
}

.historic-chart__cutline {
  -webkit-transition: opacity 0.25s ease, stroke-width 0.25s ease, -webkit-filter 0.25s ease;
  transition: opacity 0.25s ease, stroke-width 0.25s ease, -webkit-filter 0.25s ease;
  -o-transition: opacity 0.25s ease, stroke-width 0.25s ease, filter 0.25s ease;
  transition: opacity 0.25s ease, stroke-width 0.25s ease, filter 0.25s ease;
  transition: opacity 0.25s ease, stroke-width 0.25s ease, filter 0.25s ease, -webkit-filter 0.25s ease;
}

.historic-chart__band-label {
  -webkit-transition: opacity 0.25s ease, fill 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, fill 0.25s ease, -webkit-transform 0.25s ease;
  -o-transition: opacity 0.25s ease, transform 0.25s ease, fill 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, fill 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, fill 0.25s ease, -webkit-transform 0.25s ease;
}

.historic-chart-wrapper--hovering .historic-chart__band,
.historic-chart-wrapper--hovering .historic-chart__cutline,
.historic-chart-wrapper--hovering .historic-chart__band-label {
  opacity: 0.35;
  -webkit-filter: saturate(0.75);
          filter: saturate(0.75);
}

.historic-chart-wrapper--hover-faixa1 .historic-chart__band--faixa1,
.historic-chart-wrapper--hover-faixa1 .historic-chart__cutline--faixa1,
.historic-chart-wrapper--hover-faixa1 .historic-chart__band-label--faixa1,
.historic-chart-wrapper--hover-faixa2 .historic-chart__band--faixa2,
.historic-chart-wrapper--hover-faixa2 .historic-chart__cutline--faixa2,
.historic-chart-wrapper--hover-faixa2 .historic-chart__band-label--faixa2,
.historic-chart-wrapper--hover-faixa3 .historic-chart__band--faixa3,
.historic-chart-wrapper--hover-faixa3 .historic-chart__cutline--faixa3,
.historic-chart-wrapper--hover-faixa3 .historic-chart__band-label--faixa3,
.historic-chart-wrapper--hover-faixa4 .historic-chart__band--faixa4,
.historic-chart-wrapper--hover-faixa4 .historic-chart__cutline--faixa4,
.historic-chart-wrapper--hover-faixa4 .historic-chart__band-label--faixa4 {
  opacity: 1;
  -webkit-filter: saturate(1.25) brightness(1.05);
          filter: saturate(1.25) brightness(1.05);
}

.historic-chart-wrapper--hover-faixa1 .historic-chart__cutline--faixa1,
.historic-chart-wrapper--hover-faixa2 .historic-chart__cutline--faixa2,
.historic-chart-wrapper--hover-faixa3 .historic-chart__cutline--faixa3,
.historic-chart-wrapper--hover-faixa4 .historic-chart__cutline--faixa4 {
  stroke-width: 2.6;
}

.historic-chart-wrapper--hovering .historic-chart__band-label {
  -webkit-transform: translateX(4px);
      -ms-transform: translateX(4px);
          transform: translateX(4px);
}

.landing-card-sub {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
}
.landing-card-sub a.landing__wrapper-central--botao,
.landing-card-sub a.landing-m__wrapper-central--botao {
  display: inline-block;
  text-decoration: none;
}
.landing-card-sub__botao:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.landing-card-sub__sr {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.landing-card-sub--conteudos .landing-card-sub__botao {
  border-color: #A3C94B;
}
.landing-card-sub--conteudos .landing-card-sub__botao:hover:not(:disabled), .landing-card-sub--conteudos .landing-card-sub__botao:focus-visible {
  background-color: #A3C94B;
  border-color: #A3C94B;
  color: #fff;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}

.landing-card-sub--administracao .landing-card-sub__botao {
  border-color: #557790;
}
.landing-card-sub--administracao .landing-card-sub__botao:hover:not(:disabled), .landing-card-sub--administracao .landing-card-sub__botao:focus-visible {
  background-color: #557790;
  border-color: #557790;
  color: #fff;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}

.landing {
  background: #EDDDFB;
  background: -o-linear-gradient(30deg, #EDDDFB 0%, rgba(224, 225, 251, 0) 50%, #D4E4FB 100%);
  background: linear-gradient(60deg, #EDDDFB 0%, rgba(224, 225, 251, 0) 50%, #D4E4FB 100%);
  min-height: 101vh;
  height: auto;
  overflow: visible;
  width: 1140px;
  margin: auto;
}
.landing__conteudo {
  width: 1140px;
  margin: auto;
}
.landing__header {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.landing__header--salute {
  font-size: 1.2rem;
  font-weight: 400;
  color: #808080;
  text-align: center;
  height: 4rem;
  width: 100%;
  padding-top: 1rem;
}
.landing__header--logo {
  width: 375px;
  margin: 0 auto;
}
.landing__header p {
  font-size: 1.3rem;
  color: #808080;
  text-align: center;
  width: 60%;
  margin: 2rem auto 1rem;
}
.landing__header span {
  font-weight: 700;
}
.landing__options {
  justify-self: flex-start;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.landing__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 0 1rem;
  width: 100%;
  height: 4rem;
}
.landing__footer button span {
  font-weight: 500;
  color: #808080;
}
.landing__wrapper-central {
  width: 100%;
  margin: 0rem auto 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.landing__wrapper-central--line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.landing__wrapper-central--item {
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 7px 2px rgba(212, 212, 212, 0.77);
          box-shadow: 1px 2px 7px 2px rgba(212, 212, 212, 0.77);
  color: #808080;
  border-radius: 25px;
  position: relative;
  margin: 0.5rem 1rem;
  height: initial;
  cursor: auto;
  padding: 1rem 0 0 0;
  width: 90%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.landing__wrapper-central--item .title {
  font-size: 1.3rem;
  color: #aaa;
  margin: 0.5rem auto;
  text-align: center;
  font-weight: 600;
}
.landing__wrapper-central--item .title__icone {
  margin-right: 0.5rem;
}
.landing__wrapper-central--item .title-central {
  font-size: 1.3rem;
  color: #aaa;
  margin: 0rem auto;
  text-align: center;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  /* Opcional: centraliza horizontalmente */
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.landing__wrapper-central--item .title-central__icone {
  margin-right: 0.5rem;
}
.landing__wrapper-central--item p {
  font-size: 0.9rem;
  color: #808080;
  margin: 1rem;
  text-align: center;
}
.landing__wrapper-central--item p span {
  font-weight: 800;
}
.landing__wrapper-central--item.administracao:hover {
  background-color: #557790;
  cursor: pointer;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.landing__wrapper-central--item.administracao:hover .title-central {
  font-weight: 500;
  color: #fff;
}
.landing__wrapper-central--item.medicao:hover {
  background-color: #8771AB;
  cursor: pointer;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.landing__wrapper-central--item.medicao:hover .title {
  color: #fff;
  font-weight: 500;
}
.landing__wrapper-central--item.medicao:hover p {
  color: #fff;
}
.landing__wrapper-central--item.conteudos:hover {
  background-color: #A3C94B;
  cursor: pointer;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.landing__wrapper-central--item.conteudos:hover .title-central {
  font-weight: 500;
  color: #fff;
}
.landing__wrapper-central--item .engajamento:hover,
.landing__wrapper-central--item .dados:hover {
  border-color: #1a3041;
}
.landing__wrapper-central--item .engajamento:hover:hover,
.landing__wrapper-central--item .dados:hover:hover {
  border-color: #3fa5c3;
  background-color: #3fa5c3;
  color: #fff;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.landing__wrapper-central--item .formacao-2,
.landing__wrapper-central--item .engajamento-2 {
  border-color: #765aa4;
}
.landing__wrapper-central--item .formacao-2:hover,
.landing__wrapper-central--item .engajamento-2:hover {
  border-color: #3b2560;
  background-color: #3b2560;
  color: #fff;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.landing__wrapper-central--item .autoavaliacao,
.landing__wrapper-central--item .m-resultados {
  border-color: #3e50c2;
}
.landing__wrapper-central--item .autoavaliacao:hover,
.landing__wrapper-central--item .m-resultados:hover {
  border-color: #ff6159;
  background-color: #ff6159;
  color: #fff;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.landing__wrapper-central .formacao {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.landing__wrapper-central--item-interno {
  display: grid;
  width: 100%;
  margin: 0;
}
.landing__wrapper-central--item-interno .botao {
  border: none;
  min-height: 3rem;
  padding: 0;
  text-align: center;
  cursor: pointer;
  height: auto;
  position: relative;
  margin: 0.5rem 1rem;
  width: 90%;
}
.landing__wrapper-central--botoes {
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}
.landing__wrapper-central--botao {
  border: 1px solid #1a3041;
  border-radius: 25px;
  margin: 0.5rem;
  padding: 0.5rem;
  font-size: 0.85rem;
  text-align: center;
  color: #808080;
  font-weight: 500;
  cursor: pointer;
  width: 12rem;
}
.landing__wrapper-recados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.landing__wrapper-recados--recado {
  background-color: white;
  width: 47%;
  border-radius: 25px;
  height: 12rem;
  margin: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.landing__wrapper-recados--recado .lado-e {
  background-color: #765aa4;
  width: 50%;
  border-radius: 25px 0 0 25px;
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.landing__wrapper-recados--recado .lado-e--titulo p {
  font-weight: 400;
  font-size: 1.1rem;
}
.landing__wrapper-recados--recado .lado-e--titulo span {
  font-weight: 600;
  font-size: 1.1rem;
}
.landing__wrapper-recados--recado .lado-e button {
  background-color: white;
  border: none;
  border-radius: 25px;
  padding: 0.8rem 3rem;
  font-weight: bold;
  cursor: pointer;
  color: #765aa4;
  margin: 0.5rem auto;
  text-align: center;
  width: auto;
  display: block;
}
.landing__wrapper-recados--recado .lado-d {
  width: 50%;
  background-image: url(/assets/img/landing/img-recado.png);
  background-position: right;
  border-radius: 0 25px 25px 0;
}
.landing__wrapper-recados {
  /* Different color for the second banner on the left side */
}
.landing__wrapper-recados--recado:nth-child(2) .lado-e {
  background-color: #1a3041;
}
.landing__wrapper-recados--recado:nth-child(2) .lado-e button {
  color: #1a3041;
}
@media (min-width: 1201px) {
  .landing {
    background-position-y: top;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .landing {
    background-position-y: top;
    display: none;
  }
}
.landing__coreskills {
  background-image: url("/assets/img/login-ck-background.png");
  background-size: 100%;
  background-color: #002744;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1799px) {
  .landing__coreskills {
    background-size: 70%;
    min-height: 100vh;
  }
}
@media (max-width: 1199px) {
  .landing__coreskills {
    min-height: 100vh;
  }
}
@media (max-width: 899px) {
  .landing__coreskills {
    min-height: 100vh !important;
    background-image: none;
  }
}
.landing__header-coreskills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 35%;
  -webkit-box-align: start;
  -ms-flex-align: center;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 5%;
  padding-top: 10%;
}
@media (max-width: 1799px) {
  .landing__header-coreskills {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .landing__header-coreskills {
    margin-right: 5%;
  }
}
.landing__header-coreskills > img {
  margin-bottom: 1.125rem;
  max-width: 75%;
}
@media (max-width: 1799px) {
  .landing__header-coreskills > img {
    max-width: 35%;
  }
}
@media (max-width: 1199px) {
  .landing__header-coreskills > img {
    max-width: 30%;
  }
}
.landing__header-coreskills-logo {
  width: 480px;
  max-width: 480px;
  margin-left: 13rem;
}
.landing__header-coreskills-logo > img {
  width: 100%;
  height: auto;
}
@media (max-width: 450px) {
  .landing__header-coreskills-logo {
    max-width: 70%;
    max-height: auto;
  }
}
@media (max-width: 899px) {
  .landing__header-coreskills-logo {
    margin-left: 0;
  }
}
@media (max-width: 1799px) {
  .landing__header-coreskills-logo {
    margin: auto;
  }
}
.landing__header-coreskills-salute {
  color: #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  margin-bottom: 1rem;
}
.landing__header-coreskills-salute-1 {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 1rem;
}
@media (max-width: 450px) {
  .landing__header-coreskills-salute-1 {
    font-size: 20px;
  }
}
@media (max-width: 1799px) {
  .landing__header-coreskills-salute-1 {
    margin-top: 2rem;
  }
}
.landing__header-coreskills-salute-bv {
  width: 100%;
  font-size: 1.1rem;
  color: #fff;
  margin-left: 17%;
  line-height: 32px;
  margin: 1rem 0 0 0%;
  font-weight: 400;
}
@media (max-width: 1799px) {
  .landing__header-coreskills-salute-bv {
    width: 65%;
    line-height: 24px;
  }
}
@media (max-width: 899px) {
  .landing__header-coreskills-salute-bv {
    width: 100%;
    margin: 0 0 0 0;
  }
}
.landing__header-coreskills-salute {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
@media (max-width: 450px) {
  .landing__header-coreskills-salute {
    font-size: 16px;
  }
}
.landing__wrapper--coreskills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  position: relative;
  width: 60%;
}
.landing__wrapper--coreskills .resultados {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 1.25rem;
  min-width: 20rem;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  height: 7.5rem;
  border: 1px solid #fff;
  margin: 2rem 2rem 2rem 0;
}
.landing__wrapper--coreskills .desenvolvimento {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 1.25rem;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  height: 7.5rem;
  border: 1px solid #fff;
  margin: 2rem 2rem 2rem 0;
}
.landing__wrapper--coreskills--item {
  position: relative;
  cursor: pointer;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  display: contents;
}
.landing__wrapper--coreskills--item-title {
  text-align: left;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  width: auto;
  margin: 2.9rem auto 2.5rem 8rem;
}
.landing__wrapper--coreskills--item-title p {
  width: 100%;
}
.landing__wrapper--coreskills--icone {
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 0.5rem;
  width: 4rem;
  height: 4rem;
  display: inline-block;
  position: absolute;
  left: 2rem;
  top: 1.8rem;
}
@media (max-width: 599px) {
  .landing__wrapper--coreskills--icone {
    top: 1.8rem;
  }
}
@media (max-width: 1799px) {
  .landing__wrapper--coreskills {
    width: 70%;
  }
}
@media (max-width: 1199px) {
  .landing__wrapper--coreskills {
    width: 70%;
  }
}
@media (max-width: 899px) {
  .landing__wrapper--coreskills {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .landing__wrapper--coreskills {
    display: block;
  }
}
.landing__footer-coreskills {
  margin: auto;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.landing__footer-coreskills button {
  position: absolute;
  right: 0rem;
  color: #fff;
  top: 5rem;
  /* background-color: black; */
  width: 3rem;
}
@media (max-width: 599px) {
  .landing__footer-coreskills button {
    top: 2rem;
  }
}
.landing-m {
  background: #EDDDFB;
  background: -o-linear-gradient(30deg, #EDDDFB 0%, rgba(224, 225, 251, 0) 50%, #D4E4FB 100%);
  background: linear-gradient(60deg, #EDDDFB 0%, rgba(224, 225, 251, 0) 50%, #D4E4FB 100%);
  min-height: 100vh;
  height: auto;
  overflow: visible;
  margin: auto;
}
.landing-m__conteudo {
  width: 90%;
  margin: auto;
}
.landing-m__header {
  margin: auto;
}
.landing-m__header--salute {
  font-size: 1.2rem;
  font-weight: 400;
  color: #808080;
  text-align: center;
  height: 4rem;
  width: 100%;
  padding-top: 1rem;
}
.landing-m__header--boxlogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.landing-m__header--logo {
  margin: 0 auto;
  width: 375px;
}
@media (max-width: 599px) {
  .landing-m__header--logo {
    width: 300px;
  }
}
.landing-m__header p {
  font-size: 1.3rem;
  color: #808080;
  text-align: center;
  margin: 2rem auto 2rem;
  width: 80%;
}
@media (max-width: 599px) {
  .landing-m__header p {
    width: 90%;
    font-size: 1.1rem;
    margin: 2rem auto;
  }
}
.landing-m__header span {
  font-weight: 700;
}
.landing-m__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
  height: 5rem;
}
@media (max-width: 599px) {
  .landing-m__footer {
    height: 3rem;
  }
}
.landing-m__footer button span {
  font-weight: 500;
  color: #808080;
}
.landing-m__wrapper-central {
  width: 100%;
  margin: 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.landing-m__wrapper-central--item {
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 7px 2px rgba(212, 212, 212, 0.77);
          box-shadow: 1px 2px 7px 2px rgba(212, 212, 212, 0.77);
  color: #808080;
  border-radius: 25px;
  padding: 1rem 0 0 0;
  width: 48%;
  min-height: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 599px) {
  .landing-m__wrapper-central--item {
    min-height: auto;
    margin: 0rem;
    width: 100%;
  }
}
.landing-m__wrapper-central--item .title {
  font-size: 1.3rem;
  color: #aaa;
  margin: 0.5rem auto;
  text-align: center;
  font-weight: 600;
}
.landing-m__wrapper-central--item .title__icone {
  margin-right: 0.5rem;
}
.landing-m__wrapper-central--item .title-central {
  font-size: 1.3rem;
  color: #aaa;
  margin: 0rem auto;
  text-align: center;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  /* Opcional: centraliza horizontalmente */
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.landing-m__wrapper-central--item .title-central__icone {
  margin-right: 0.5rem;
}
.landing-m__wrapper-central--item p {
  font-size: 0.9rem;
  color: #808080;
  margin: 1rem;
  text-align: center;
}
.landing-m__wrapper-central--item p span {
  font-weight: 800;
}
.landing-m__wrapper-central--item.administracao:active {
  background-color: #557790;
  cursor: pointer;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
.landing-m__wrapper-central--item.administracao:active .title-central {
  font-weight: 500;
  color: #fff;
}
.landing-m__wrapper-central--item.medicao {
  padding: 0rem;
}
@media (max-width: 599px) {
  .landing-m__wrapper-central--item.medicao {
    padding: 1rem 0rem;
  }
}
.landing-m__wrapper-central--item.medicao :active {
  background-color: #8771AB;
  cursor: pointer;
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}
.landing-m__wrapper-central--item.medicao :active .title {
  color: #fff;
  font-weight: 500;
}
.landing-m__wrapper-central--item.medicao :active p {
  color: #fff;
}
.landing-m__wrapper-central--item.conteudos:active {
  background-color: #A3C94B;
  cursor: pointer;
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}
.landing-m__wrapper-central--item.conteudos:active .title-central {
  font-weight: 500;
  color: #fff;
}
.landing-m__wrapper-central--item .engajamento,
.landing-m__wrapper-central--item .dados {
  border-color: #3fa5c3;
  background-color: #3fa5c3;
  color: #fff;
}
.landing-m__wrapper-central--item .engajamento:active,
.landing-m__wrapper-central--item .dados:active {
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}
.landing-m__wrapper-central--item .formacao-2,
.landing-m__wrapper-central--item .engajamento-2 {
  border-color: #765aa4;
  background-color: #3b2560;
  color: #fff;
}
.landing-m__wrapper-central--item .formacao-2:active,
.landing-m__wrapper-central--item .engajamento-2:active {
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}
.landing-m__wrapper-central--item .autoavaliacao,
.landing-m__wrapper-central--item .m-resultados {
  border-color: #ff6159;
  background-color: #ff6159;
  color: #fff;
}
.landing-m__wrapper-central--item .autoavaliacao:active,
.landing-m__wrapper-central--item .m-resultados:active {
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}
.landing-m__wrapper-central--item-interno {
  position: relative;
  margin: 0;
}
@media (max-width: 599px) {
  .landing-m__wrapper-central--item-interno {
    padding-bottom: 2rem;
  }
}
.landing-m__wrapper-central--item-interno .botao {
  border: none;
  min-height: 4rem;
  padding: 0;
  text-align: center;
  cursor: pointer;
  height: auto;
  position: relative;
  margin: 0rem;
}
@media (max-width: 599px) {
  .landing-m__wrapper-central--item-interno .botao {
    margin: 0rem;
  }
}
.landing-m__wrapper-central--item-submenus {
  display: contents;
}
.landing-m__wrapper-central--botoes {
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}
.landing-m__wrapper-central--botao {
  border: 1px solid #1a3041;
  border-radius: 25px;
  margin: 0.5rem;
  padding: 0.7rem;
  font-size: 1rem;
  text-align: center;
  color: #808080;
  font-weight: 500;
  cursor: pointer;
  width: 16rem;
}
.landing-m__wrapper-comandos {
  text-align: end;
}
.landing-m__wrapper-comandos .botao {
  min-height: 3rem;
}
.landing-m__wrapper-recados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 0rem;
}
@media (max-width: 599px) {
  .landing-m__wrapper-recados {
    gap: 1.5rem;
  }
}
.landing-m__wrapper-recados--recado {
  background-color: white;
  width: 48%;
  border-radius: 25px;
  height: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .landing-m__wrapper-recados--recado {
    width: 100%;
  }
}
.landing-m__wrapper-recados--recado .lado-e {
  background-color: #765aa4;
  width: 50%;
  border-radius: 25px 0 0 25px;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.landing-m__wrapper-recados--recado .lado-e--titulo p {
  font-weight: 400;
  font-size: 1rem;
}
.landing-m__wrapper-recados--recado .lado-e--titulo span {
  font-weight: 600;
  font-size: 1rem;
}
.landing-m__wrapper-recados--recado .lado-e button {
  background-color: white;
  border: none;
  border-radius: 25px;
  padding: 0.8rem 1rem;
  font-weight: bold;
  cursor: pointer;
  margin-top: 1rem;
  color: #765aa4;
  text-align: center;
  width: auto;
  display: block;
}
.landing-m__wrapper-recados--recado .lado-e span {
  font-weight: bold;
}
.landing-m__wrapper-recados--recado .lado-d {
  width: 50%;
  background-image: url(/assets/img/landing/img-recado.png);
  background-position: right;
  border-radius: 0 25px 25px 0;
}
.landing-m__wrapper-recados {
  /* Different color for the second banner on the left side */
}
.landing-m__wrapper-recados--recado:nth-child(2) .lado-e {
  background-color: #1a3041;
}
.landing-m__wrapper-recados--recado:nth-child(2) .lado-e button {
  color: #1a3041;
}
@media (min-width: 1201px) {
  .landing-m {
    background-position-y: top;
    display: none;
  }
}
@media (max-width: 1199px) {
  .landing-m {
    background-position-y: top;
    width: 100%;
  }
}

.landing__vinculo,
.landing-m__vinculo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 1rem;
  min-width: 0;
  max-width: 22rem;
  font-size: 0.85rem;
  line-height: 1.25;
  color: #808080;
  text-align: right;
}
.landing__vinculo-escola,
.landing-m__vinculo-escola {
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.landing__vinculo-trocar,
.landing-m__vinculo-trocar {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 1rem;
  padding: 0.35rem 0.9rem;
  border: 1px solid #808080;
  border-radius: 1rem;
  background: transparent;
  color: #808080;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
}
.landing__vinculo-trocar:hover,
.landing-m__vinculo-trocar:hover {
  background-color: rgba(128, 128, 128, 0.1);
}

.landing-m__vinculo {
  display: none;
}

.landing__wrapper-central--botao--desabilitado,
.landing-m__wrapper-central--botao--desabilitado {
  cursor: not-allowed;
  opacity: 0.5;
}

.line {
  border-color: hsl(210, 15%, 8%);
  border-top: solid 1px;
  height: 1px;
  margin: 0px;
  opacity: 0.2;
  width: 100%;
  padding: 1.5rem;
}
.line--gray-20 {
  border-color: hsl(210, 16%, 85%);
}
.line__between-classes-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: calc(-50vw + 50%);
  max-width: 100vw;
  width: 100vw;
}
.line:last-child {
  display: none;
}
.line:only-child {
  display: block;
}

.list-novo-professor {
  width: 100%;
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: contents;
}
@media (min-width: 601px) {
  .list-novo-professor {
    display: inline-block;
  }
}
@media (min-width: 901px) {
  .list-novo-professor {
    display: inline-block;
  }
}
@media (min-width: 1201px) {
  .list-novo-professor {
    display: inline-block;
  }
}
.list-novo-professor > li {
  width: 29%;
  height: 101px;
  vertical-align: top;
  border-right: 1px solid #232a32;
  margin-right: 3%;
}
.list-novo-professor > li:last-child {
  border-right: none;
}
.list-novo-professor > li > div > ul > li .radio__input:checked + .radio__label::before {
  background-color: #f25626;
}
.list-novo-professor > li > div > ul > li > span > input {
  -webkit-box-shadow: 0 2px 0 rgba(50, 153, 239, 0);
          box-shadow: 0 2px 0 rgba(50, 153, 239, 0);
  min-height: 1rem;
}
.list-novo-professor > li > div > ul > li > span > input:checked {
  background-color: #fff;
}
.list-novo-professor > li > div > ul > li > span > label {
  position: absolute;
  margin-top: 1rem;
  width: 15rem;
}
.list-novo-professor > li > div > ul > li > span > label::before {
  background-color: #fff;
}
.list-novo-professor--card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -16px;
  margin-top: -16px;
}
.list-novo-professor--card > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 250px;
          flex: 1 0 250px;
  margin-left: 16px;
  margin-top: 16px;
}
@media (min-width: 532px) {
  .list-novo-professor--card > * {
    max-width: calc(50% - 16px);
  }
}
@media (min-width: 798px) {
  .list-novo-professor--card > * {
    max-width: calc(33.3333333333% - 16px);
  }
}
@media (min-width: 1064px) {
  .list-novo-professor--card > * {
    max-width: calc(25% - 16px);
  }
}
@media (min-width: 1330px) {
  .list-novo-professor--card > * {
    max-width: calc(20% - 16px);
  }
}
@media (min-width: 1596px) {
  .list-novo-professor--card > * {
    max-width: calc(16.6666666667% - 16px);
  }
}
@media (min-width: 1500px) {
  .list-novo-professor--card > * {
    min-width: calc(16.6666666667% - 16px);
  }
}
.list-novo-professor--card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2.25rem;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.list--card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -16px;
  margin-top: -16px;
}
.list--card > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 250px;
          flex: 1 0 250px;
  margin-left: 16px;
  margin-top: 16px;
}
@media (min-width: 532px) {
  .list--card > * {
    max-width: calc(50% - 16px);
  }
}
@media (min-width: 798px) {
  .list--card > * {
    max-width: calc(33.3333333333% - 16px);
  }
}
@media (min-width: 1064px) {
  .list--card > * {
    max-width: calc(25% - 16px);
  }
}
@media (min-width: 1330px) {
  .list--card > * {
    max-width: calc(20% - 16px);
  }
}
@media (min-width: 1596px) {
  .list--card > * {
    max-width: calc(16.6666666667% - 16px);
  }
}
@media (min-width: 1500px) {
  .list--card > * {
    min-width: calc(16.6666666667% - 16px);
  }
}
.list--card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2.25rem;
}
.list--img-name-action > li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.list--img-name-action > li:not(:last-of-type) {
  border-bottom: 1px solid hsl(210, 15%, 15%);
}
.list--img-name-action > li > * {
  max-width: 100%;
}
.list--img-name-action > li > *:nth-child(2) {
  margin-left: 1.5rem;
  margin-right: auto;
}
.list--img-name-action > li > *:nth-child(2):last-child {
  margin-left: auto;
  margin-right: 0;
}
.list--img-name-action .list__img {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 70%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(210, 15%, 96%);
  background-clip: content-box;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2.25rem;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  width: 6rem;
}
@media (min-width: 901px) {
  .list--img-name-action .list__img {
    margin-bottom: 0;
  }
}
.list--img-name-action .list__img--auto-height {
  height: auto;
}
.list--img-name-action .list__img--xl {
  height: 8rem;
  width: 16rem;
}
.list--img-name-action .list__name {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 60%;
  text-transform: none;
}
@media (min-width: 601px) {
  .list--img-name-action .list__name {
    max-width: 70%;
  }
}
.list--img-name-action .list__name > span {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.list--striped > li {
  padding: 1rem;
}
.list--striped > li:nth-child(odd) {
  background-color: hsla(210, 24%, 14%, 0.25);
  border-radius: 55px;
}
@media (min-width: 601px) {
  .list--3-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .list--3-col > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
  }
}

.loader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999999;
  letter-spacing: 0.1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.15rem;
  background-color: rgba(255, 255, 255, 0.2705882353);
}
.loader--adulto {
  background-color: rgba(63, 165, 195, 0.2509803922);
}
.loader--medio {
  background-color: rgba(0, 166, 122, 0.2509803922);
}
.loader--fundamental {
  background-color: rgba(242, 151, 51, 0.2509803922);
}
.loader--setorpublico {
  background-color: rgba(40, 52, 111, 0.2509803922);
}
.loader--infantil {
  background-color: rgba(135, 113, 171, 0.2509803922);
}
.loader--modlist {
  background-color: rgba(255, 255, 255, 0.9921568627);
}
.loader--text {
  color: black;
  font-weight: 400;
}
.loader__circle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 150px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem;
  width: 150px;
}

.loader-local {
  min-height: 26rem;
  position: relative;
  z-index: 2;
}
.loader-local::before {
  background-color: hsla(216, 33%, 98%, 0.75);
  border-radius: 2px;
  bottom: 0;
  content: "";
  left: 0;
  margin: -0.5rem;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 400ms var(--ease-in-out-quad);
  -o-transition: 400ms var(--ease-in-out-quad);
  transition: 400ms var(--ease-in-out-quad);
  visibility: hidden;
  z-index: 3;
}
.loader-local__loader {
  color: hsl(210, 24%, 14%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(0, 100%, 97%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(hsl(0, 64%, 55%)), to(hsl(0, 100%, 97%)));
  background-image: -o-linear-gradient(bottom, hsl(0, 64%, 55%), hsl(0, 100%, 97%));
  background-image: linear-gradient(to top, hsl(0, 64%, 55%), hsl(0, 100%, 97%));
  border-radius: 2px;
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.15em;
  opacity: 0;
  padding: 1.5rem 2.25rem;
  position: absolute;
  text-transform: uppercase;
  top: 3.75rem;
  -webkit-transform: translate(-50%, 0) scale(0.9);
      -ms-transform: translate(-50%, 0) scale(0.9);
          transform: translate(-50%, 0) scale(0.9);
  -webkit-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 200ms var(--ease-in-out-quad);
  -o-transition: 200ms var(--ease-in-out-quad);
  transition: 200ms var(--ease-in-out-quad);
  z-index: 5;
}
.loader-local__loader > *:first-child {
  margin-right: 1rem;
  opacity: 0.75;
  text-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
}
.loader-local--is-show::before {
  opacity: 1;
  visibility: visible;
}
.loader-local--is-show [class*=__loader] {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}

.logo__symbol {
  fill: #ee7566;
}
.logo__type {
  fill: hsl(209, 20%, 26%);
  opacity: 0;
}
.logo__type--on-dark {
  opacity: 1;
}

.modal {
  z-index: 99999;
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  visibility: hidden;
}
.modal--is-show {
  opacity: 1;
  visibility: visible;
}
.modal_plataforma {
  background-color: rgba(0, 0, 0, 0.9);
}
.modal_adulto {
  background-color: rgba(8, 96, 131, 0.6117647059);
}
.modal_portal {
  background-color: rgba(137, 190, 68, 0.6117647059);
}
.modal_formacao {
  background-color: rgba(132, 82, 146, 0.6078431373);
}
.modal__close {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(25%, -25%);
      -ms-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  background-color: hsl(210, 15%, 96%);
  margin: 2rem;
  padding: 0.5rem;
  border-radius: 25px;
  color: #dedede;
  font-weight: 500;
  font-size: 1.5rem;
  border: solid 1.5px #dedede;
}
.modal__close-adulto {
  color: #3FA5C3;
}
.modal__close-portal {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(25%, -25%);
      -ms-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  background-color: hsl(210, 15%, 96%);
  margin: 2rem;
  padding: 1rem;
  color: #A3C94B;
  border-radius: 5px;
  font-weight: 600;
  font-size: 15px;
}
.modal__close-formacao {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(25%, -25%);
      -ms-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  background-color: hsl(210, 15%, 96%);
  margin: 2rem;
  padding: 1rem;
  color: #845292;
  border-radius: 5px;
  font-weight: 600;
  font-size: 15px;
}
.modal__content {
  background-clip: padding-box;
  background-color: #f2efe9;
  border-radius: 20px;
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-height: 70%;
  max-height: calc(70vh + 4.5rem);
  max-width: 70rem;
  outline: 0;
  opacity: 0;
  padding: 3rem 1rem 1.5rem;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.85);
      -ms-transform: translateY(-50%) scale(0.85);
          transform: translateY(-50%) scale(0.85);
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
  visibility: hidden;
  width: 94%;
  z-index: 2;
  position: absolute;
  top: 50%;
  height: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 601px) {
  .modal__content {
    padding: 4rem;
  }
}
[class*=is-show] .modal__content {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: visible;
}
.modal__content--image-is-large {
  max-width: 45rem;
  margin-top: -2rem;
}
.modal__content--sm {
  max-width: 33rem;
}
.modal__content--adulto, .modal__content--formacao {
  background-color: hsl(210, 15%, 96%);
  color: #3FA5C3;
  border-radius: 5px;
  font-weight: 600;
  font-size: 15px;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
}
.modal__content--portal {
  background-color: hsl(210, 15%, 96%);
  color: #A3C94B;
  border-radius: 0px 20px;
  font-weight: 600;
  font-size: 15px;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
}
.modal__content--portal h1 {
  font-size: 21px;
  font-weight: 600;
  color: #808080;
}
.modal__content--portal--subtitulo {
  font-size: 16px;
  font-weight: 600;
  color: #808080;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.modal__content--portal--conteudo {
  font-size: 14px;
  font-weight: 400;
  color: #808080;
  line-height: 2.75rem;
  margin-left: 1rem;
}
.modal__content--portal button {
  background-color: #89be44;
  color: #fff;
  font-size: 0.85rem;
  border-radius: 5px;
  padding: 0.4rem 0.5rem 0.3rem;
  height: 1.75rem;
  width: 7rem;
  text-align: center;
  font-weight: 400;
}
.modal__content--aviso {
  background-color: #fff;
  border-radius: 0 30px;
  position: absolute;
  top: 50%;
  height: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal__content--aviso p {
  color: #808080;
  font-size: 1.3rem;
  width: 73%;
  margin: 2rem auto;
}
@media (max-width: 599px) {
  .modal__content--aviso p {
    font-size: 1.1rem;
  }
}
.modal__content--aviso strong {
  color: hsl(0, 64%, 55%);
}
@media (max-width: 2199px) {
  .modal__content--aviso {
    width: 50%;
    padding: 0 0 6rem 0;
  }
}
@media (max-width: 1799px) {
  .modal__content--aviso {
    width: 90%;
    padding-bottom: 7rem;
  }
}
@media (max-width: 1199px) {
  .modal__content--aviso {
    padding-bottom: 7rem;
    width: 90%;
  }
}
@media (max-width: 899px) {
  .modal__content--aviso {
    height: auto;
    padding-bottom: 7rem;
    width: 90%;
  }
}
@media (max-width: 599px) {
  .modal__content--aviso {
    height: 61rem;
    width: 90%;
    top: 55%;
    overflow-y: scroll;
  }
}
@media (max-width: -1px) {
  .modal__content--aviso {
    height: 70rem;
    width: 90%;
    top: 55%;
    overflow-y: scroll;
  }
}
.modal__content--plataforma {
  padding: 0;
}
.modal__content--plataforma-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#3FA5C3));
  background: -o-linear-gradient(left, #1A2E3D 0%, #3FA5C3 100%);
  background: linear-gradient(90deg, #1A2E3D 0%, #3FA5C3 100%);
  border-radius: 20px 20px 0px 0px;
  padding: 3rem 2rem;
}
.modal__content--plataforma-header h1 {
  font-size: 28px;
  font-weight: 300;
  color: white;
  margin: 0;
}
.modal__content--plataforma-body {
  padding: 2rem;
  max-height: 60vh;
  overflow-y: auto;
}
.modal__content--plataforma-body h1 {
  font-size: 20px;
  font-weight: 500;
  color: #808080;
  margin: 0;
}
@media (max-width: 599px) {
  .modal__content--plataforma-body {
    max-height: 50vh;
  }
}
.modal__content--plataforma-list {
  padding: 1rem 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.modal__content--plataforma-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 1rem;
  text-decoration: none;
  border: solid 1px #808080;
  border-radius: 20px;
  width: 23%;
  padding: 1rem 0.5rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal__content--plataforma-list-item img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.modal__content--plataforma-list-item h2 {
  font-size: 15px;
  font-weight: 400;
  color: #808080;
  margin: 0;
  text-align: center;
}
.modal__content--plataforma-list-item:hover {
  background-color: rgba(128, 128, 128, 0.15);
  scale: 1.05;
}
@media (max-width: 599px) {
  .modal__content--plataforma-list-item {
    width: 100%;
  }
}
.modal__close-updateBase {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(25%, -25%);
      -ms-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  margin: 2rem;
  padding: 0.5rem;
  color: #000;
  text-decoration: underline;
  letter-spacing: 0.5px;
  text-underline-offset: 2px;
}
.modal__close-updateBase--inside {
  margin: 3rem 0 0 0;
}
.modal__close {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(25%, -25%);
      -ms-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  background-color: hsl(211, 12%, 58%);
  margin: 1.5rem;
  padding: 0.5rem;
}
.modal__close__notification {
  background-color: #3FA5C3;
  border-radius: 20px;
}
@media (max-width: 599px) {
  .modal__close__notification {
    font-size: 1rem;
  }
}
.modal__image-notification {
  border-radius: 0px 20px;
  margin-top: -5rem;
  margin: auto;
}
.modal__image-notification-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.modal__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-bottom: 2.25rem;
  z-index: 10;
}
.modal__header--aviso {
  background-color: #3fa5c3;
  margin: auto;
  font-size: 3rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 19rem;
  padding: 1rem 1rem 1rem 6rem;
  border-radius: 0 10px;
  margin-top: 3rem;
}
.modal__header--aviso span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__header--aviso span img {
  width: 35%;
  position: absolute;
  bottom: -0.25rem;
  left: -2rem;
}
@media (max-width: 599px) {
  .modal__header--aviso span img {
    width: 28%;
  }
}
@media (max-width: 599px) {
  .modal__header--aviso {
    font-size: 2rem;
    margin-top: 2rem;
  }
}
.modal__title {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .modal__title {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .modal__title {
    font-size: 2.25rem;
  }
}
.modal__title {
  color: #4D5457;
}
.modal__subtitle {
  font-size: 1.35rem;
  font-weight: 400;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.modal__body > p,
.modal__body dl {
  color: #808080;
}
.modal__body::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .modal__body::-webkit-scrollbar {
    width: 0;
  }
}
.modal__body::-webkit-scrollbar-track {
  background: transparent;
}
.modal__body::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.modal__body {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (landscape) {
  .modal__body {
    padding-right: 0.75rem;
  }
}
.modal__body {
  padding-bottom: 1rem;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .modal__body {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-height: 60vh;
  }
}
.modal__body--inside-scroll {
  overflow: visible;
}
.modal__quadros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__quadros--quadro-1 {
  background-color: #8ab925;
  border-radius: 1rem;
  width: 40%;
  margin: auto;
  height: 15rem;
  padding: 1.5rem;
  position: relative;
}
.modal__quadros--quadro-1 .btn {
  background-color: #fff;
  color: #557790;
  width: 50%;
  border-radius: 1.5rem;
  text-transform: capitalize;
  font-weight: 600;
  height: 3rem;
}
@media (max-width: 899px) {
  .modal__quadros--quadro-1 .btn {
    width: 75%;
  }
}
.modal__quadros--quadro-1 p {
  color: #fff !important;
  font-size: 1rem;
  margin: 0 0 1rem 0;
  width: 90%;
}
.modal__quadros--quadro-1 a img {
  max-width: 1.7rem;
  margin-right: 9px;
}
.modal__quadros--quadro-1 img:nth-child(3) {
  position: absolute;
  width: 45%;
  bottom: -3.5rem;
  right: -3em;
}
@media (max-width: 1799px) {
  .modal__quadros--quadro-1 img:nth-child(3) {
    width: 40%;
    bottom: -3.8rem;
    right: -3em;
  }
}
@media (max-width: 899px) {
  .modal__quadros--quadro-1 {
    height: 23rem;
  }
}
@media (max-width: 599px) {
  .modal__quadros--quadro-1 {
    width: 83%;
    height: 14rem;
  }
}
.modal__quadros--quadro-2 {
  background-color: #557790;
  border-radius: 1rem;
  width: 40%;
  margin: auto;
  min-height: 15rem;
  height: auto;
  padding: 1.5rem;
  position: relative;
}
.modal__quadros--quadro-2 .btn {
  background-color: #fff;
  color: #557790;
  width: 65%;
  border-radius: 1.5rem;
  text-transform: capitalize;
  font-weight: 600;
  height: 3rem;
}
@media (max-width: 899px) {
  .modal__quadros--quadro-2 .btn {
    width: 100%;
  }
}
.modal__quadros--quadro-2 .btn img {
  max-width: 2rem;
  margin-left: 0rem;
  margin-right: 0.5rem;
}
.modal__quadros--quadro-2 p {
  color: #fff !important;
  font-size: 1rem;
  margin: 0 0 1rem 0;
  width: 90%;
}
.modal__quadros--quadro-2 p span {
  color: #f4b92d;
  text-decoration: underline;
  cursor: pointer;
}
.modal__quadros--quadro-2 h1 {
  color: #fff !important;
  font-size: 1rem;
  font-weight: 400;
  width: 70%;
  margin: 1rem 0;
}
.modal__quadros--quadro-2 img:nth-child(3) {
  width: 39%;
  position: absolute;
  right: -1rem;
  bottom: -2rem;
}
@media (max-width: 1799px) {
  .modal__quadros--quadro-2 img:nth-child(3) {
    width: 36%;
    right: -2rem;
    bottom: -2rem;
  }
}
@media (max-width: 899px) {
  .modal__quadros--quadro-2 {
    min-height: 23rem;
  }
}
@media (max-width: 599px) {
  .modal__quadros--quadro-2 {
    width: 83%;
    min-height: 21rem;
    margin: 5rem auto 3rem;
  }
  .modal__quadros--quadro-2 h1 {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .modal__quadros {
    display: inline-block;
  }
}
.modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 1.5rem;
}
.modal__footer > *:not(:only-child) {
  margin-left: 1rem;
}
.modal__footer--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal__overlayer {
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}
[class*=is-show] .modal__overlayer {
  opacity: 1;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
}
@media (max-width: 599px) {
  .modal__overlayer {
    height: 73rem;
  }
}
.modal__overlayer-heterorrelato {
  background-color: rgba(135, 113, 171, 0.768627451);
}
.modal__login-recovery-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fafafa;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.modal__login-recovery-container div {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.modal__login-recovery-container button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem auto;
  max-width: 15rem;
  min-height: 60px;
}
@media (max-width: 600px) {
  .modal__login-recovery-container > div {
    height: auto !important;
    margin: 0 !important;
  }
  .modal__login-recovery-container > form > div {
    height: auto !important;
    margin: 0 !important;
  }
  .modal__login-recovery-container button {
    min-height: 30px;
    margin: 0.5rem !important;
    width: 100% !important;
  }
  .modal__login-recovery-container input {
    max-height: 30px !important;
    padding: 0 1rem !important;
    width: 100%;
    max-width: none;
    margin: 0 !important;
  }
  .modal__login-recovery-container p {
    width: auto !important;
    max-width: 100%;
    font-size: 11px !important;
    text-align: center !important;
    padding: 0.8rem !important;
  }
  .modal__login-recovery-container {
    background-color: transparent;
  }
}
.modal__is-login-recovery {
  background-color: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  z-index: 999999999;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.modal__is-login-recovery--cities-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
  bottom: 0;
  overflow: auto;
  margin-top: 1.5rem;
}
.modal__is-login-recovery--cities-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  padding: 0 1.5rem 0 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal__is-login-recovery--cities-list > ul > li {
  margin: 0.25rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.modal__is-login-recovery--cities-list > ul > li > button {
  width: 100%;
}
.modal__is-login-recovery > p {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  padding: 1.5rem;
}
@media (max-width: 600px) {
  .modal__is-login-recovery > p {
    font-size: 1rem;
  }
}
.modal__is-login-recovery > button {
  width: 50%;
}
@media (max-width: 600px) {
  .modal__is-login-recovery > button {
    width: 40%;
    height: 10px !important;
    margin: 0.5rem;
  }
}
.modal__is-login-recovery--login--was-found {
  background-color: #fafafa;
  color: hsl(88, 46%, 32%);
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  padding: 4rem;
  font-size: 1.6rem;
  width: 100%;
  border-radius: 0px 20px;
  height: auto;
  max-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.modal__is-login-recovery--login--was-found__copy-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.65em 1.5em;
}
.modal__is-login-recovery--login--was-found__copy-button::after {
  content: "copiar";
  margin-top: 5px;
}
.modal__is-login-recovery__carousel--0 [class*=step--0] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  display: block;
  height: 100%;
}
.modal__is-login-recovery__carousel--0 [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--0 [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--0 [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--0 [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--0 [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--0 [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--0 [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--0 [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--email] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
}
.modal__is-login-recovery__carousel--email [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--email [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--1] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  height: 100%;
}
.modal__is-login-recovery__carousel--1 [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--1 [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--2] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  height: 100%;
}
.modal__is-login-recovery__carousel--2 [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--2 [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--3] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  height: 100%;
}
.modal__is-login-recovery__carousel--3 [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--3 [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--4] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  height: 100%;
}
.modal__is-login-recovery__carousel--4 [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--4 [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--5] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  height: 100%;
}
.modal__is-login-recovery__carousel--5 [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--5 [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--6 [class*=step--6] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  height: 100%;
  max-height: 32rem;
}
.modal__is-login-recovery__carousel--6 [class*=step--resgate] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--0] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--email] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--1] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--2] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--3] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--4] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--5] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--6] {
  opacity: 0;
  visibility: hidden;
}
.modal__is-login-recovery__carousel--resgate [class*=step--resgate] {
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
}
.modal__is-login-recovery__carousel--resgate [class*=step--resgate] > div {
  margin-top: 4rem;
}
@media (max-width: 600px) {
  .modal__is-login-recovery {
    padding: 0;
  }
}
.modal__newSomething * {
  font-size: 16px;
}
.modal__newSomething h1,
.modal__newSomething h2,
.modal__newSomething h3 {
  font-size: 22px;
  font-weight: 700;
  color: #083b5b;
}
.modal__trial {
  background-color: #fff;
  color: #083b5b;
  padding: 5rem;
}
.modal__trial p:not(:last-of-type) {
  margin-bottom: 2rem;
}
.modal__trial p:last-of-type {
  margin-bottom: 4rem;
}
.modal__trial button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #1A2E3D;
  color: #fff;
  padding: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.2rem;
  -webkit-transition: background-color 300ms ease-in-out;
  -o-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}
.modal__trial button:hover {
  background-color: #4D5457;
}
.modal__trial-title {
  font-weight: 700;
}
.modal__idade {
  background-color: #fff;
  color: #083b5b;
  padding: 5rem;
}
@media (max-width: 599px) {
  .modal__idade {
    padding: 2rem;
  }
}
.modal__idade button {
  background-color: #1A2E3D;
  color: #fff;
  padding: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.2rem;
  -webkit-transition: background-color 300ms ease-in-out;
  -o-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}
.modal__idade button:hover {
  background-color: #4D5457;
}

.modal-tabela {
  background-color: white;
}
.modal-tabela img {
  -ms-flex-item-align: center;
      align-self: center;
  width: 65%;
}
@media (max-width: 599px) {
  .modal-tabela img {
    width: 100%;
  }
}
.modal-tabela-close {
  color: white;
  border-radius: 50%;
}

.modal-tabela-heterorrelato {
  background-color: white;
}
.modal-tabela-heterorrelato img {
  -ms-flex-item-align: center;
      align-self: center;
  width: 60%;
}
.modal-tabela-heterorrelato-close {
  background-color: #8771AB;
  color: white;
  border-radius: 50%;
}

.modal-resultado {
  overflow-y: scroll;
}

.modal-competencia {
  height: auto;
  background-color: white;
  padding: 2rem;
}
.modal-competencia-close {
  color: white;
  border-radius: 50%;
  z-index: 100;
}
.modal-competencia .dominio-icone-resilience {
  background-image: url(/assets/img/plataforma/icon-resilience.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 6%;
  height: 45px;
  margin: auto;
}

.modal-carga-1,
.modal-carga-2,
.modal-carga-3,
.modal-carga-4 {
  opacity: 1;
  visibility: visible;
  overflow: auto;
  height: auto;
}
.modal-carga-1__overlayer,
.modal-carga-2__overlayer,
.modal-carga-3__overlayer,
.modal-carga-4__overlayer {
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}
[class*=is-show] .modal-carga-1__overlayer,
[class*=is-show] .modal-carga-2__overlayer,
[class*=is-show] .modal-carga-3__overlayer,
[class*=is-show] .modal-carga-4__overlayer {
  opacity: 1;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
}
.modal-carga-1__overlayer-0,
.modal-carga-2__overlayer-0,
.modal-carga-3__overlayer-0,
.modal-carga-4__overlayer-0 {
  opacity: 1;
  visibility: visible;
  background-color: #fafafa;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}
[class*=is-show] .modal-carga-1__overlayer-0,
[class*=is-show] .modal-carga-2__overlayer-0,
[class*=is-show] .modal-carga-3__overlayer-0,
[class*=is-show] .modal-carga-4__overlayer-0 {
  opacity: 1;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
}
.modal-carga-1__content,
.modal-carga-2__content,
.modal-carga-3__content,
.modal-carga-4__content {
  background-clip: padding-box;
  background-color: #f2efe9;
  border-radius: 0px 20px;
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-height: 70%;
  max-height: calc(70vh + 4.5rem);
  max-width: 70rem;
  outline: 0;
  opacity: 0;
  padding: 2rem 1rem 0.5rem;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.85);
      -ms-transform: translateY(-50%) scale(0.85);
          transform: translateY(-50%) scale(0.85);
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
  visibility: hidden;
  width: 94%;
  z-index: 2;
  position: absolute;
  top: 50%;
  height: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}
.modal-carga-1__content-tela,
.modal-carga-2__content-tela,
.modal-carga-3__content-tela,
.modal-carga-4__content-tela {
  margin: 4rem auto 0rem;
  width: 1140px;
  outline: 0;
  opacity: 0;
  position: relative;
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
  visibility: hidden;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  color: #808080;
}
.modal-carga-1__content-tela--linhas,
.modal-carga-2__content-tela--linhas,
.modal-carga-3__content-tela--linhas,
.modal-carga-4__content-tela--linhas {
  overflow-y: scroll;
  scrollbar-width: none;
  max-height: 61vh;
  margin-bottom: 1rem;
}
.modal-carga-1__content-tela--linha,
.modal-carga-2__content-tela--linha,
.modal-carga-3__content-tela--linha,
.modal-carga-4__content-tela--linha {
  background-color: #fff;
  border-radius: 15px;
  color: #808080;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1rem;
  margin: 1rem 0.5rem;
  -webkit-box-shadow: 1px 2px 7px 1px rgba(166, 166, 166, 0.2509803922);
          box-shadow: 1px 2px 7px 1px rgba(166, 166, 166, 0.2509803922);
}
.modal-carga-1__content-tela--linha span,
.modal-carga-2__content-tela--linha span,
.modal-carga-3__content-tela--linha span,
.modal-carga-4__content-tela--linha span {
  cursor: pointer;
  color: #89be44;
  font-size: 1.2rem;
  margin: 0rem 0rem 0.2rem 0.5rem;
}
.modal-carga-1__content-tela--linha input,
.modal-carga-2__content-tela--linha input,
.modal-carga-3__content-tela--linha input,
.modal-carga-4__content-tela--linha input {
  border-radius: 25px !important;
  background: #fafafa;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 1rem;
  color: #808080;
  height: 2rem;
  border: none;
  -webkit-box-shadow: 0 0 8px rgba(206, 206, 206, 0.6) inset;
          box-shadow: 0 0 8px rgba(206, 206, 206, 0.6) inset;
}
.modal-carga-1__content-tela--linha .col,
.modal-carga-2__content-tela--linha .col,
.modal-carga-3__content-tela--linha .col,
.modal-carga-4__content-tela--linha .col {
  min-width: 7rem;
  display: block;
  margin: 0rem;
  line-height: 2rem;
}
.modal-carga-1__content-tela--linha .col-1,
.modal-carga-2__content-tela--linha .col-1,
.modal-carga-3__content-tela--linha .col-1,
.modal-carga-4__content-tela--linha .col-1 {
  font-weight: bold;
  line-height: 2rem;
  margin: 0.5rem 1rem;
  width: 10%;
}
.modal-carga-1__content-tela--linha .col-10,
.modal-carga-2__content-tela--linha .col-10,
.modal-carga-3__content-tela--linha .col-10,
.modal-carga-4__content-tela--linha .col-10 {
  width: 80%;
}
.modal-carga-1__content-tela--linha .edit,
.modal-carga-2__content-tela--linha .edit,
.modal-carga-3__content-tela--linha .edit,
.modal-carga-4__content-tela--linha .edit {
  min-width: 10rem;
}
.modal-carga-1__content-tela--linha .edit input,
.modal-carga-2__content-tela--linha .edit input,
.modal-carga-3__content-tela--linha .edit input,
.modal-carga-4__content-tela--linha .edit input {
  width: 60%;
  margin-right: 0.5rem;
}
.modal-carga-1__content-tela--linha .edit span,
.modal-carga-2__content-tela--linha .edit span,
.modal-carga-3__content-tela--linha .edit span,
.modal-carga-4__content-tela--linha .edit span {
  cursor: pointer;
  width: 10%;
  margin: 0rem;
}
.modal-carga-1__content-tela--linha button,
.modal-carga-2__content-tela--linha button,
.modal-carga-3__content-tela--linha button,
.modal-carga-4__content-tela--linha button {
  background-color: #8ab925;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.5rem;
  border-radius: 1rem;
  min-width: 9rem;
  text-align: center;
  max-height: 2rem;
  margin: 0.5rem 0rem;
}
.modal-carga-1__content-tela--linha button:hover,
.modal-carga-2__content-tela--linha button:hover,
.modal-carga-3__content-tela--linha button:hover,
.modal-carga-4__content-tela--linha button:hover {
  background-color: #808080;
}
.modal-carga-1__content-tela--linha .disabled,
.modal-carga-2__content-tela--linha .disabled,
.modal-carga-3__content-tela--linha .disabled,
.modal-carga-4__content-tela--linha .disabled {
  background-color: #808080;
  cursor: not-allowed;
}
.modal-carga-1__content-tela--lista,
.modal-carga-2__content-tela--lista,
.modal-carga-3__content-tela--lista,
.modal-carga-4__content-tela--lista {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-carga-1__content-tela--lista .row,
.modal-carga-2__content-tela--lista .row,
.modal-carga-3__content-tela--lista .row,
.modal-carga-4__content-tela--lista .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5rem 0rem;
  min-width: 15rem;
}
.modal-carga-1__content-tela--lista p,
.modal-carga-2__content-tela--lista p,
.modal-carga-3__content-tela--lista p,
.modal-carga-4__content-tela--lista p {
  font-size: 1.1rem;
}
.modal-carga-1__content-tela--lista p[contenteditable=true],
.modal-carga-2__content-tela--lista p[contenteditable=true],
.modal-carga-3__content-tela--lista p[contenteditable=true],
.modal-carga-4__content-tela--lista p[contenteditable=true] {
  border: solid 1px #8AB922;
  border-radius: 5px;
  padding: 0.1rem 0.5rem;
}
.modal-carga-1__content-tela--lista .delete,
.modal-carga-2__content-tela--lista .delete,
.modal-carga-3__content-tela--lista .delete,
.modal-carga-4__content-tela--lista .delete {
  color: #c80000;
}
.modal-carga-1__content-tela--passos,
.modal-carga-2__content-tela--passos,
.modal-carga-3__content-tela--passos,
.modal-carga-4__content-tela--passos {
  /* Linha de passos */
}
.modal-carga-1__content-tela--passos .progress-steps,
.modal-carga-2__content-tela--passos .progress-steps,
.modal-carga-3__content-tela--passos .progress-steps,
.modal-carga-4__content-tela--passos .progress-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 25px;
  position: relative;
}
.modal-carga-1__content-tela--passos,
.modal-carga-2__content-tela--passos,
.modal-carga-3__content-tela--passos,
.modal-carga-4__content-tela--passos {
  /* Linha de fundo */
}
.modal-carga-1__content-tela--passos .progress-steps::before,
.modal-carga-2__content-tela--passos .progress-steps::before,
.modal-carga-3__content-tela--passos .progress-steps::before,
.modal-carga-4__content-tela--passos .progress-steps::before {
  content: "";
  position: absolute;
  top: 25%;
  left: 5%;
  right: 0%;
  height: 3px;
  background: #e0e0e0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  width: 90%;
}
.modal-carga-1__content-tela--passos .progress-steps::after,
.modal-carga-2__content-tela--passos .progress-steps::after,
.modal-carga-3__content-tela--passos .progress-steps::after,
.modal-carga-4__content-tela--passos .progress-steps::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 5%;
  right: 0%;
  height: 3px;
  background: #89ba22;
  z-index: 2;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--progress, 0%);
  -webkit-transition: 500ms linear;
  -o-transition: 500ms linear;
  transition: 500ms linear;
  /* 0% passo 1 / 33% passo 2 / 66% passo 3 / 100% passo 4 */
}
.modal-carga-1__content-tela--passos .progress-step,
.modal-carga-2__content-tela--passos .progress-step,
.modal-carga-3__content-tela--passos .progress-step,
.modal-carga-4__content-tela--passos .progress-step {
  position: relative;
  text-align: center;
  width: 13%;
  z-index: 3;
}
.modal-carga-1__content-tela--passos .progress-step-number,
.modal-carga-2__content-tela--passos .progress-step-number,
.modal-carga-3__content-tela--passos .progress-step-number,
.modal-carga-4__content-tela--passos .progress-step-number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 8px;
  background: #ffffff;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.modal-carga-1__content-tela--passos .progress-step-label,
.modal-carga-2__content-tela--passos .progress-step-label,
.modal-carga-3__content-tela--passos .progress-step-label,
.modal-carga-4__content-tela--passos .progress-step-label {
  font-size: 13px;
  color: #777;
  margin: 0rem auto 1rem;
}
.modal-carga-1__content-tela--passos .progress-step-label-2,
.modal-carga-2__content-tela--passos .progress-step-label-2,
.modal-carga-3__content-tela--passos .progress-step-label-2,
.modal-carga-4__content-tela--passos .progress-step-label-2 {
  font-size: 13px;
  color: #fff;
  background-color: #89ba22;
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  display: block;
}
.modal-carga-1__content-tela--passos,
.modal-carga-2__content-tela--passos,
.modal-carga-3__content-tela--passos,
.modal-carga-4__content-tela--passos {
  /* Passo concluído */
}
.modal-carga-1__content-tela--passos .progress-step.completed .progress-step-label,
.modal-carga-2__content-tela--passos .progress-step.completed .progress-step-label,
.modal-carga-3__content-tela--passos .progress-step.completed .progress-step-label,
.modal-carga-4__content-tela--passos .progress-step.completed .progress-step-label {
  color: #89ba22;
  font-weight: 600;
  margin: 0rem auto 1rem;
}
.modal-carga-1__content-tela--passos .progress-step.current .progress-step-label,
.modal-carga-2__content-tela--passos .progress-step.current .progress-step-label,
.modal-carga-3__content-tela--passos .progress-step.current .progress-step-label,
.modal-carga-4__content-tela--passos .progress-step.current .progress-step-label {
  color: #89ba22;
  font-weight: 600;
  margin: 0rem auto 1rem;
}
.modal-carga-1__content-tela--passos .incompleto .progress-step-label,
.modal-carga-2__content-tela--passos .incompleto .progress-step-label,
.modal-carga-3__content-tela--passos .incompleto .progress-step-label,
.modal-carga-4__content-tela--passos .incompleto .progress-step-label {
  color: #81807d;
  font-weight: 600;
  margin: 0rem auto 1rem;
}
.modal-carga-1__content-tela--passos .incompleto .progress-step-label-2,
.modal-carga-2__content-tela--passos .incompleto .progress-step-label-2,
.modal-carga-3__content-tela--passos .incompleto .progress-step-label-2,
.modal-carga-4__content-tela--passos .incompleto .progress-step-label-2 {
  background-color: #81807d;
  margin: 0rem auto 1rem;
  cursor: not-allowed;
}
.modal-carga-1__content-tela--passos,
.modal-carga-2__content-tela--passos,
.modal-carga-3__content-tela--passos,
.modal-carga-4__content-tela--passos {
  /* Conteúdo do passo atual */
}
.modal-carga-1__content-tela--passos .progress-step-content,
.modal-carga-2__content-tela--passos .progress-step-content,
.modal-carga-3__content-tela--passos .progress-step-content,
.modal-carga-4__content-tela--passos .progress-step-content {
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
  background: #f9fbff;
  border: 1px solid #e0ebff;
}
.modal-carga-1__content-tela--passos .progress-step-content h2,
.modal-carga-2__content-tela--passos .progress-step-content h2,
.modal-carga-3__content-tela--passos .progress-step-content h2,
.modal-carga-4__content-tela--passos .progress-step-content h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.modal-carga-1__content-tela--passos .progress-step-content p,
.modal-carga-2__content-tela--passos .progress-step-content p,
.modal-carga-3__content-tela--passos .progress-step-content p,
.modal-carga-4__content-tela--passos .progress-step-content p {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}
.modal-carga-1__content-tela--passos .icon,
.modal-carga-2__content-tela--passos .icon,
.modal-carga-3__content-tela--passos .icon,
.modal-carga-4__content-tela--passos .icon {
  width: 4rem;
  background-color: #fafafa;
  border-radius: 2rem;
  height: 4rem;
  padding: 0.3rem 0;
}
.modal-carga-1__content-tela--passos .icon-loader,
.modal-carga-2__content-tela--passos .icon-loader,
.modal-carga-3__content-tela--passos .icon-loader,
.modal-carga-4__content-tela--passos .icon-loader {
  -webkit-transform: scale(0.08);
      -ms-transform: scale(0.08);
          transform: scale(0.08);
  position: relative;
  top: -20px;
  left: -17px;
}
.modal-carga-1__content-tela--passos .icon-cancel-g,
.modal-carga-2__content-tela--passos .icon-cancel-g,
.modal-carga-3__content-tela--passos .icon-cancel-g,
.modal-carga-4__content-tela--passos .icon-cancel-g {
  padding: 0.5rem 0;
}
.modal-carga-1__content-tela--arquivos,
.modal-carga-2__content-tela--arquivos,
.modal-carga-3__content-tela--arquivos,
.modal-carga-4__content-tela--arquivos {
  background-color: #f5ba2f;
  color: #808080;
  border-radius: 1rem;
  margin: 2rem 0;
  padding: 1rem;
}
.modal-carga-1__content-tela--arquivos p,
.modal-carga-2__content-tela--arquivos p,
.modal-carga-3__content-tela--arquivos p,
.modal-carga-4__content-tela--arquivos p {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
}
.modal-carga-1__content-tela--arquivos h1,
.modal-carga-2__content-tela--arquivos h1,
.modal-carga-3__content-tela--arquivos h1,
.modal-carga-4__content-tela--arquivos h1 {
  color: #000;
  font-size: 1.1rem;
  font-weight: 400;
}
.modal-carga-1__content-tela--arquivos .icon,
.modal-carga-2__content-tela--arquivos .icon,
.modal-carga-3__content-tela--arquivos .icon,
.modal-carga-4__content-tela--arquivos .icon {
  line-height: 0;
  margin-bottom: 0rem;
  padding: 0.4rem;
}
.modal-carga-1__content-tela--detalhes,
.modal-carga-2__content-tela--detalhes,
.modal-carga-3__content-tela--detalhes,
.modal-carga-4__content-tela--detalhes {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 1px 2px 7px 1px rgba(166, 166, 166, 0.2509803922);
          box-shadow: 1px 2px 7px 1px rgba(166, 166, 166, 0.2509803922);
  padding: 1rem;
}
.modal-carga-1__content-tela--detalhes table,
.modal-carga-2__content-tela--detalhes table,
.modal-carga-3__content-tela--detalhes table,
.modal-carga-4__content-tela--detalhes table {
  border: none;
  width: 100%;
  font-size: 0.9rem;
  color: #000;
}
.modal-carga-1__content-tela--detalhes table td,
.modal-carga-2__content-tela--detalhes table td,
.modal-carga-3__content-tela--detalhes table td,
.modal-carga-4__content-tela--detalhes table td {
  border: none;
  padding: 0;
  line-height: 1.2rem;
}
.modal-carga-1__content-tela--detalhes table th,
.modal-carga-2__content-tela--detalhes table th,
.modal-carga-3__content-tela--detalhes table th,
.modal-carga-4__content-tela--detalhes table th {
  border: none;
  text-transform: none;
  padding: 0;
  font-weight: bold;
}
.modal-carga-1__content-tela--detalhes table:first-child,
.modal-carga-2__content-tela--detalhes table:first-child,
.modal-carga-3__content-tela--detalhes table:first-child,
.modal-carga-4__content-tela--detalhes table:first-child {
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.modal-carga-1__content-tela--detalhes p,
.modal-carga-2__content-tela--detalhes p,
.modal-carga-3__content-tela--detalhes p,
.modal-carga-4__content-tela--detalhes p {
  color: #e22040;
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.modal-carga-1__content-tela--conclusao,
.modal-carga-2__content-tela--conclusao,
.modal-carga-3__content-tela--conclusao,
.modal-carga-4__content-tela--conclusao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem auto;
}
.modal-carga-1__content-tela--conclusao .texto,
.modal-carga-2__content-tela--conclusao .texto,
.modal-carga-3__content-tela--conclusao .texto,
.modal-carga-4__content-tela--conclusao .texto {
  display: block;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 1px 2px 7px 1px rgba(166, 166, 166, 0.2509803922);
          box-shadow: 1px 2px 7px 1px rgba(166, 166, 166, 0.2509803922);
  padding: 4rem 2rem;
  line-height: normal;
}
.modal-carga-1__content-tela--conclusao .texto h3,
.modal-carga-2__content-tela--conclusao .texto h3,
.modal-carga-3__content-tela--conclusao .texto h3,
.modal-carga-4__content-tela--conclusao .texto h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0rem 0rem 1rem 0rem;
  color: #a7c766;
  line-height: normal;
}
.modal-carga-1__content-tela--conclusao .texto p,
.modal-carga-2__content-tela--conclusao .texto p,
.modal-carga-3__content-tela--conclusao .texto p,
.modal-carga-4__content-tela--conclusao .texto p {
  font-size: 1rem;
  line-height: 2rem;
}
.modal-carga-1__content-tela--conclusao .texto p span,
.modal-carga-2__content-tela--conclusao .texto p span,
.modal-carga-3__content-tela--conclusao .texto p span,
.modal-carga-4__content-tela--conclusao .texto p span {
  font-weight: bold;
}
.modal-carga-1__content-tela--conclusao .img,
.modal-carga-2__content-tela--conclusao .img,
.modal-carga-3__content-tela--conclusao .img,
.modal-carga-4__content-tela--conclusao .img {
  width: 140%;
  margin-right: 1rem;
}
.modal-carga-1__content-tela-btn-next,
.modal-carga-2__content-tela-btn-next,
.modal-carga-3__content-tela-btn-next,
.modal-carga-4__content-tela-btn-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.modal-carga-1__content-tela-btn-next button,
.modal-carga-2__content-tela-btn-next button,
.modal-carga-3__content-tela-btn-next button,
.modal-carga-4__content-tela-btn-next button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #89be44;
  border-radius: 20px;
  color: white;
  text-align: center;
  padding: 0.25rem 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-carga-1__content-tela-btn-next button p,
.modal-carga-2__content-tela-btn-next button p,
.modal-carga-3__content-tela-btn-next button p,
.modal-carga-4__content-tela-btn-next button p {
  font-size: 1.1rem;
  margin: 0rem 1rem;
}
.modal-carga-1__content-tela-btn-next img,
.modal-carga-2__content-tela-btn-next img,
.modal-carga-3__content-tela-btn-next img,
.modal-carga-4__content-tela-btn-next img {
  max-width: 70%;
}
.modal-carga-1__content-tela-btns,
.modal-carga-2__content-tela-btns,
.modal-carga-3__content-tela-btns,
.modal-carga-4__content-tela-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-carga-1__content-tela-btns button,
.modal-carga-2__content-tela-btns button,
.modal-carga-3__content-tela-btns button,
.modal-carga-4__content-tela-btns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #89be44;
  border-radius: 20px;
  color: white;
  text-align: center;
  padding: 0.25rem 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-carga-1__content-tela-btns button p,
.modal-carga-2__content-tela-btns button p,
.modal-carga-3__content-tela-btns button p,
.modal-carga-4__content-tela-btns button p {
  font-size: 1.1rem;
  margin: 0rem 1rem;
}
.modal-carga-1__content-tela-btns img,
.modal-carga-2__content-tela-btns img,
.modal-carga-3__content-tela-btns img,
.modal-carga-4__content-tela-btns img {
  max-width: 70%;
}
.modal-carga-1__content-tela-btns-blocked,
.modal-carga-2__content-tela-btns-blocked,
.modal-carga-3__content-tela-btns-blocked,
.modal-carga-4__content-tela-btns-blocked {
  background-color: #81807d !important;
  cursor: not-allowed;
}
@media (max-width: 1199px) {
  .modal-carga-1__content-tela,
  .modal-carga-2__content-tela,
  .modal-carga-3__content-tela,
  .modal-carga-4__content-tela {
    width: 95%;
    margin: 4rem auto;
  }
}
.modal-carga-1__header,
.modal-carga-2__header,
.modal-carga-3__header,
.modal-carga-4__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-bottom: 2.25rem;
}
.modal-carga-1__header--aviso,
.modal-carga-2__header--aviso,
.modal-carga-3__header--aviso,
.modal-carga-4__header--aviso {
  background-color: #3fa5c3;
  margin: auto;
  font-size: 3rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 19rem;
  padding: 1rem 1rem 1rem 6rem;
  border-radius: 0 10px;
  margin-top: 3rem;
}
.modal-carga-1__header--aviso span,
.modal-carga-2__header--aviso span,
.modal-carga-3__header--aviso span,
.modal-carga-4__header--aviso span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-carga-1__header--aviso span img,
.modal-carga-2__header--aviso span img,
.modal-carga-3__header--aviso span img,
.modal-carga-4__header--aviso span img {
  width: 35%;
  position: absolute;
  bottom: -0.25rem;
  left: -2rem;
}
@media (max-width: 599px) {
  .modal-carga-1__header--aviso span img,
  .modal-carga-2__header--aviso span img,
  .modal-carga-3__header--aviso span img,
  .modal-carga-4__header--aviso span img {
    width: 28%;
  }
}
@media (max-width: 599px) {
  .modal-carga-1__header--aviso,
  .modal-carga-2__header--aviso,
  .modal-carga-3__header--aviso,
  .modal-carga-4__header--aviso {
    font-size: 2rem;
    margin-top: 2rem;
  }
}
.modal-carga-1__header--aviso-subida,
.modal-carga-2__header--aviso-subida,
.modal-carga-3__header--aviso-subida,
.modal-carga-4__header--aviso-subida {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
}
.modal-carga-1__header--aviso-subida img,
.modal-carga-2__header--aviso-subida img,
.modal-carga-3__header--aviso-subida img,
.modal-carga-4__header--aviso-subida img {
  width: 25%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 599px) {
  .modal-carga-1__header--aviso-subida img,
  .modal-carga-2__header--aviso-subida img,
  .modal-carga-3__header--aviso-subida img,
  .modal-carga-4__header--aviso-subida img {
    width: 28%;
  }
}
.modal-carga-1__header--aviso-subida P,
.modal-carga-2__header--aviso-subida P,
.modal-carga-3__header--aviso-subida P,
.modal-carga-4__header--aviso-subida P {
  font-size: 3rem;
}
@media (max-width: 599px) {
  .modal-carga-1__header--aviso-subida,
  .modal-carga-2__header--aviso-subida,
  .modal-carga-3__header--aviso-subida,
  .modal-carga-4__header--aviso-subida {
    font-size: 2rem;
    margin-top: 2rem;
  }
}
.modal-carga-1__header-tela,
.modal-carga-2__header-tela,
.modal-carga-3__header-tela,
.modal-carga-4__header-tela {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-carga-1__header-tela img,
.modal-carga-2__header-tela img,
.modal-carga-3__header-tela img,
.modal-carga-4__header-tela img {
  width: 20%;
}
.modal-carga-1__tit-escola,
.modal-carga-2__tit-escola,
.modal-carga-3__tit-escola,
.modal-carga-4__tit-escola {
  position: absolute;
  right: 0;
  top: 1rem;
  font-weight: bold;
  font-size: 1.5rem;
}
.modal-carga-1__tit-modal,
.modal-carga-2__tit-modal,
.modal-carga-3__tit-modal,
.modal-carga-4__tit-modal {
  font-weight: bold;
  font-size: 1.3rem;
  margin: 3rem 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-carga-1__tit-modal--desc,
.modal-carga-2__tit-modal--desc,
.modal-carga-3__tit-modal--desc,
.modal-carga-4__tit-modal--desc {
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
}
.modal-carga-1__content--texto,
.modal-carga-2__content--texto,
.modal-carga-3__content--texto,
.modal-carga-4__content--texto {
  color: #808080;
  width: 50%;
  margin: 1rem 3rem;
}
.modal-carga-1__content--texto button,
.modal-carga-2__content--texto button,
.modal-carga-3__content--texto button,
.modal-carga-4__content--texto button {
  background-color: #5986ab;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  color: #fff;
  margin: 2rem 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-carga-1__content--texto button span,
.modal-carga-2__content--texto button span,
.modal-carga-3__content--texto button span,
.modal-carga-4__content--texto button span {
  margin: 0 1rem 0 0;
}
.modal-carga-1__content--texto button p,
.modal-carga-2__content--texto button p,
.modal-carga-3__content--texto button p,
.modal-carga-4__content--texto button p {
  font-size: 1.3rem;
  line-height: 2.5rem;
}
.modal-carga-1__content--texto button:hover,
.modal-carga-2__content--texto button:hover,
.modal-carga-3__content--texto button:hover,
.modal-carga-4__content--texto button:hover {
  background-color: #163042;
}
.modal-carga-1__content--texto p,
.modal-carga-2__content--texto p,
.modal-carga-3__content--texto p,
.modal-carga-4__content--texto p {
  font-size: 1.3rem;
}
.modal-carga-1__content--texto p:first-child,
.modal-carga-2__content--texto p:first-child,
.modal-carga-3__content--texto p:first-child,
.modal-carga-4__content--texto p:first-child {
  margin-bottom: 1rem;
}
.modal-carga-1__content--texto span,
.modal-carga-2__content--texto span,
.modal-carga-3__content--texto span,
.modal-carga-4__content--texto span {
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.modal-carga-1__content--texto li,
.modal-carga-2__content--texto li,
.modal-carga-3__content--texto li,
.modal-carga-4__content--texto li {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.5rem;
}
.modal-carga-1__content--texto li:last-child,
.modal-carga-2__content--texto li:last-child,
.modal-carga-3__content--texto li:last-child,
.modal-carga-4__content--texto li:last-child {
  margin-bottom: 1rem;
}
.modal-carga-1__content--img,
.modal-carga-2__content--img,
.modal-carga-3__content--img,
.modal-carga-4__content--img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 42%;
}
@media (max-width: 899px) {
  .modal-carga-1,
  .modal-carga-2,
  .modal-carga-3,
  .modal-carga-4 {
    display: none;
  }
}
@media (max-width: 599px) {
  .modal-carga-1,
  .modal-carga-2,
  .modal-carga-3,
  .modal-carga-4 {
    display: none;
  }
}
.modal-carga-1__pre-validation,
.modal-carga-2__pre-validation,
.modal-carga-3__pre-validation,
.modal-carga-4__pre-validation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  border-radius: 0px 20px;
}
.modal-carga-1__pre-validation-sucess,
.modal-carga-2__pre-validation-sucess,
.modal-carga-3__pre-validation-sucess,
.modal-carga-4__pre-validation-sucess {
  background-color: hsl(120, 16%, 7%);
  color: hsl(210, 15%, 96%);
  font-size: 1.2rem;
}
.modal-carga-1__pre-validation-warn,
.modal-carga-2__pre-validation-warn,
.modal-carga-3__pre-validation-warn,
.modal-carga-4__pre-validation-warn {
  background-color: hsl(42, 87%, 67%);
  color: hsl(210, 15%, 8%);
  font-size: 1.2rem;
}

.modal-mobile {
  opacity: 1;
  visibility: visible;
  overflow: auto;
  height: auto;
  display: none;
}
.modal-mobile__overlayer {
  opacity: 1;
  visibility: visible;
  background-color: rgba(66, 164, 195, 0.768627451);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}
[class*=is-show] .modal-mobile__overlayer {
  opacity: 1;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
}
.modal-mobile__overlayer {
  opacity: 1;
  visibility: visible;
  background-color: rgba(66, 164, 195, 0.768627451);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}
[class*=is-show] .modal-mobile__overlayer {
  opacity: 1;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
}
.modal-mobile__content {
  background-clip: padding-box;
  background-color: #f2efe9;
  border-radius: 0px 20px;
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-height: 70%;
  max-height: calc(70vh + 4.5rem);
  max-width: 70rem;
  outline: 0;
  opacity: 0;
  padding: 3rem 1rem 1.5rem;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.85);
      -ms-transform: translateY(-50%) scale(0.85);
          transform: translateY(-50%) scale(0.85);
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
  visibility: hidden;
  width: 94%;
  z-index: 2;
  position: absolute;
  top: 50%;
  height: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}
.modal-mobile__content--img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem 0rem;
}
.modal-mobile__content--img img {
  width: 35%;
}
@media (max-width: 599px) {
  .modal-mobile__content--img img {
    width: 50%;
  }
}
.modal-mobile__content--texto {
  text-align: center;
  font-size: 1.2rem;
  color: #808080;
  margin: 1rem 4rem;
  line-height: 2rem;
}
.modal-mobile__content--texto span {
  font-weight: bold;
}
.modal-mobile__content--texto p {
  font-size: 1.2rem;
}
.modal-mobile__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem 0rem;
}
@media (max-width: 599px) {
  .modal-mobile__header img {
    width: 60%;
  }
}
@media (max-width: 899px) {
  .modal-mobile {
    display: block;
  }
}
@media (max-width: 599px) {
  .modal-mobile {
    display: block;
  }
}

.modal-specific-cta-position {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 33%;
  display: block;
}
.multilevel-menu {
  position: relative;
}
.multilevel-menu > * {
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100%;
}
.multilevel-menu__menu {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
[class*="--sublevel"] .multilevel-menu__menu {
  opacity: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  visibility: hidden;
}
.multilevel-menu__submenu {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
}
[class*="--sublevel"] .multilevel-menu__submenu {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.multilevel-menu__back {
  color: inherit;
  margin-bottom: 2.25rem;
}

.offline-bloqueio {
  display: contents;
}
.offline-bloqueio > * {
  cursor: not-allowed;
  opacity: 0.45;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.offline-status {
  bottom: 0.75rem;
  left: 50%;
  max-width: calc(100vw - 32px);
  pointer-events: none;
  position: fixed;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 326;
}
@media print {
  .offline-status {
    display: none;
  }
}
@media (max-width: 599px) {
  .offline-status {
    bottom: 0.5rem;
    max-width: calc(100vw - 9rem);
  }
}
.offline-status__pill {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 999px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.85rem;
  font-weight: 500;
  gap: 0.4rem;
  line-height: 1.3;
  padding: 0.45rem 0.9rem;
  pointer-events: auto;
}
.offline-status__pill--salvando {
  background-color: #3966a6;
}
.offline-status__pill--pronto {
  background-color: #2e7d4f;
}
.offline-status__pill--offline {
  background-color: #5a5a5a;
}
.offline-status__pill--sincronizando {
  background-color: #3966a6;
}
.offline-status__pill--sincronizado {
  background-color: #2e7d4f;
}
.offline-status__pill--pendente {
  background-color: #8a5a00;
}
.offline-status__pill--resultado {
  background-color: #2e7d4f;
}
.offline-status__pill--arquivo, .offline-status__pill--resultado {
  background-color: #2e7d4f;
}
.offline-status__pill--arquivo, .offline-status__pill--login, .offline-status__pill--aviso {
  background-color: #a13a2c;
}
@media (max-width: 599px) {
  .offline-status__pill {
    font-size: 0.8rem;
  }
}
.offline-status__link {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0;
  text-decoration: underline;
}
.offline-status__link {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0;
  text-decoration: underline;
}
.offline-status__detalhe {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 0.9;
}
.offline-status__icone {
  font-weight: 700;
}
.offline-status__icone--girando {
  -webkit-animation: offline-status-girar 1.2s linear infinite;
          animation: offline-status-girar 1.2s linear infinite;
  display: inline-block;
}
@media (prefers-reduced-motion: reduce) {
  .offline-status__icone--girando {
    -webkit-animation: none;
            animation: none;
  }
}

@-webkit-keyframes offline-status-girar {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes offline-status-girar {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.class-feedback__offline-pendente {
  font-size: 1rem;
  margin: 0.5rem auto 1.5rem;
  max-width: 32rem;
  padding: 0 16px;
}

.video-offline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 8px 0 0;
  max-width: 100%;
  padding: 0;
  position: absolute;
  text-align: left;
  width: auto;
  z-index: 3;
}
@media print {
  .video-offline {
    display: none;
  }
}

.video-offline[hidden],
.video-offline [hidden] {
  display: none !important;
}

.video-offline-ancora {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.video-offline-ancora > iframe,
.video-offline-ancora > video,
.video-offline-ancora > div:not(.video-offline) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
}
.video-offline-ancora > .video-offline {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.offline-video,
.video-offline .offline-video {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 0.5rem 0.75rem;
  line-height: 1.3;
  margin: 0;
  max-width: 100%;
  position: relative;
}
@media (max-width: 599px) {
  .offline-video,
  .video-offline .offline-video {
    font-size: 0.8rem;
  }
}
.offline-video__botao,
.video-offline .offline-video__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #3966a6;
  border-radius: 999px;
  color: #3966a6;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: inherit;
  font-weight: 600;
  gap: 0.35rem;
  min-height: 2.25rem;
  padding: 0.35rem 0.9rem;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
  text-align: left;
  width: auto;
}
.offline-video__botao:hover, .offline-video__botao:focus,
.video-offline .offline-video__botao:hover,
.video-offline .offline-video__botao:focus {
  background-color: #3966a6;
  color: #fff;
}
.offline-video__botao:focus-visible,
.video-offline .offline-video__botao:focus-visible {
  outline: 2px solid #3966a6;
  outline-offset: 2px;
}
.offline-video__botao[disabled],
.video-offline .offline-video__botao[disabled] {
  background-color: #fff;
  border-color: #9aa5b1;
  color: #6b7580;
  cursor: not-allowed;
}
.offline-video__botao--secundario,
.video-offline .offline-video__botao--secundario {
  border-color: #9aa5b1;
  color: #4a5560;
}
.offline-video__botao--secundario:hover, .offline-video__botao--secundario:focus,
.video-offline .offline-video__botao--secundario:hover,
.video-offline .offline-video__botao--secundario:focus {
  background-color: #4a5560;
  color: #fff;
}
.offline-video__icone,
.video-offline .offline-video__icone {
  font-weight: 700;
}
.offline-video__status,
.video-offline .offline-video__status {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 600;
  gap: 0.5rem;
}
.offline-video__status--ok,
.video-offline .offline-video__status--ok {
  color: #2e7d4f;
}
.offline-video__detalhe,
.video-offline .offline-video__detalhe {
  color: #5b6670;
  font-weight: 400;
}
.offline-video__progresso,
.video-offline .offline-video__progresso {
  background-color: #dde3ea;
  border-radius: 999px;
  display: inline-block;
  height: 0.4rem;
  overflow: hidden;
  position: relative;
  width: 6rem;
}
.offline-video__progresso-barra,
.video-offline .offline-video__progresso-barra {
  background-color: #3966a6;
  display: block;
  height: 100%;
  -webkit-transition: width 200ms linear;
  -o-transition: width 200ms linear;
  transition: width 200ms linear;
}
@media (prefers-reduced-motion: reduce) {
  .offline-video__progresso-barra,
  .video-offline .offline-video__progresso-barra {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.offline-video__progresso--indeterminado .offline-video__progresso-barra,
.offline-video__progresso--indeterminado .video-offline .offline-video__progresso-barra,
.video-offline .offline-video__progresso--indeterminado .offline-video__progresso-barra,
.video-offline .offline-video__progresso--indeterminado .video-offline .offline-video__progresso-barra {
  -webkit-animation: offline-video-indeterminado 1.2s ease-in-out infinite;
          animation: offline-video-indeterminado 1.2s ease-in-out infinite;
  width: 40% !important;
}
@media (prefers-reduced-motion: reduce) {
  .offline-video__progresso--indeterminado .offline-video__progresso-barra,
  .offline-video__progresso--indeterminado .video-offline .offline-video__progresso-barra,
  .video-offline .offline-video__progresso--indeterminado .offline-video__progresso-barra,
  .video-offline .offline-video__progresso--indeterminado .video-offline .offline-video__progresso-barra {
    -webkit-animation: none;
            animation: none;
  }
}
.offline-video__sr,
.video-offline .offline-video__sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.offline-video__player,
.video-offline .offline-video__player {
  aspect-ratio: 16/9;
  background-color: #000;
  display: block;
  height: auto;
  max-height: 80vh;
  max-width: 100%;
  width: 100%;
}
.offline-video__player--cobrir,
.video-offline .offline-video__player--cobrir {
  height: 100%;
  left: 0;
  max-height: none;
  position: absolute;
  top: 0;
}
.offline-video__placeholder,
.video-offline .offline-video__placeholder {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 16/9;
  background-color: #eef2f6;
  border: 1px dashed #9aa5b1;
  border-radius: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3d4852;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  padding: 1rem 16px;
  text-align: center;
  width: 100%;
}
.offline-video__placeholder--cobrir,
.video-offline .offline-video__placeholder--cobrir {
  aspect-ratio: auto;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.offline-video__placeholder-icone,
.video-offline .offline-video__placeholder-icone {
  color: #9aa5b1;
  font-size: 1.75rem;
  line-height: 1;
}
.offline-video__placeholder-titulo,
.video-offline .offline-video__placeholder-titulo {
  font-size: 1rem;
}
.offline-video__placeholder-texto,
.video-offline .offline-video__placeholder-texto {
  font-size: 0.85rem;
  max-width: 28rem;
}

@-webkit-keyframes offline-video-indeterminado {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(250%);
            transform: translateX(250%);
  }
}

@keyframes offline-video-indeterminado {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(250%);
            transform: translateX(250%);
  }
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.pagination > * {
  margin: 0 0.5rem 0 0;
}
.pagination__input {
  font-style: italic;
  text-align: center;
  width: 8rem;
  min-height: 0;
  height: 2rem;
}
.pagination--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body.personificacao-ativa {
  --personificacao-tarja-altura: 3.25rem;
  padding-bottom: var(--personificacao-tarja-altura);
}
@media (max-width: 599px) {
  body.personificacao-ativa {
    --personificacao-tarja-altura: 5.5rem;
  }
}
body.personificacao-ativa .help,
body.personificacao-ativa .chatbot-button {
  bottom: calc(2rem + var(--personificacao-tarja-altura));
}

.personificacao-tarja {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  bottom: 0;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.9rem;
  gap: 0.4rem 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  min-height: var(--personificacao-tarja-altura, 3.25rem);
  padding: 0.5rem 1rem;
  position: fixed;
  right: 0;
  z-index: 750;
}
@media print {
  .personificacao-tarja {
    display: none;
  }
}
.personificacao-tarja__texto {
  margin: 0;
  text-align: center;
}
.personificacao-tarja__texto b {
  font-weight: 700;
}
.personificacao-tarja__icone {
  margin-right: 0.35rem;
  vertical-align: middle;
}
.personificacao-tarja__sep {
  margin: 0 0.35rem;
  opacity: 0.7;
}
.personificacao-tarja__voltar {
  background-color: #fff;
  border: 0;
  border-radius: 1rem;
  color: #0a3d5c;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.4rem 1rem;
  white-space: nowrap;
}
.personificacao-tarja__voltar:hover {
  background-color: #e8f0f4;
}
.personificacao-tarja__voltar[disabled] {
  cursor: default;
  opacity: 0.7;
}

.personificacao-aviso {
  left: 50%;
  max-width: calc(100vw - 32px);
  pointer-events: none;
  position: fixed;
  top: 5.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30rem;
  z-index: 750;
}
@media print {
  .personificacao-aviso {
    display: none;
  }
}
.personificacao-aviso__caixa {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-left: 4px solid #0a3d5c;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  color: #3a3a3a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  pointer-events: auto;
  position: relative;
}
.personificacao-aviso__texto {
  margin: 0;
}
.personificacao-aviso__fechar {
  background: transparent;
  border: 0;
  color: #5a5a5a;
  cursor: pointer;
  padding: 0.25rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.personificacao-seletor__ajuda {
  color: #5a5a5a;
  font-size: 0.85rem;
  margin: 0 0 0.5rem;
}
.personificacao-seletor__busca {
  margin-bottom: 0.5rem;
}
.personificacao-seletor__lista {
  list-style: none;
  margin: 0;
  max-height: 50vh;
  overflow-y: auto;
  padding: 0;
}
.personificacao-seletor__item {
  border-bottom: 1px solid #e5e5e5;
}
.personificacao-seletor__alvo {
  background: transparent;
  border: 0;
  color: #3a3a3a;
  cursor: pointer;
  display: block;
  padding: 0.6rem 0.5rem;
  text-align: left;
  width: 100%;
}
.personificacao-seletor__alvo:hover {
  background-color: #e8f0f4;
}
.personificacao-seletor__alvo[disabled] {
  cursor: default;
  opacity: 0.6;
}
.personificacao-seletor__nome {
  display: block;
  font-weight: 600;
}
.personificacao-seletor__detalhes {
  color: #6a6a6a;
  display: block;
  font-size: 0.8rem;
  margin-top: 0.1rem;
}
.personificacao-seletor__perfil {
  font-weight: 600;
}
.personificacao-seletor__vazio, .personificacao-seletor__status {
  font-size: 0.85rem;
  padding: 0.75rem 0.5rem;
  text-align: center;
  color: black;
}
.personificacao-seletor__erro {
  color: #b3261e;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.personificacao-seletor__mais {
  background: transparent;
  border: 1px solid #0a3d5c;
  border-radius: 1rem;
  color: #0a3d5c;
  cursor: pointer;
  display: block;
  font-size: 0.85rem;
  margin: 0.75rem auto 0;
  padding: 0.35rem 1rem;
}

.landing__personificacao,
.landing-m__personificacao {
  -ms-flex-item-align: center;
      align-self: center;
  background: transparent;
  border: 1px solid #808080;
  border-radius: 1rem;
  color: #808080;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 500;
  margin-right: 1rem;
  padding: 0.35rem 0.9rem;
}
.landing__personificacao:hover,
.landing-m__personificacao:hover {
  background-color: rgba(128, 128, 128, 0.1);
}

.resultado-individual__ver-como {
  color: #5a5a5a;
  font-size: 0.9rem;
  margin: 1rem auto;
  text-align: center;
}

.person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.85rem;
}
.person__name {
  font-size: 1.15rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  text-align: center;
}
.person__email {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  opacity: 0.75;
}
.person__other {
  display: none;
}
@media (min-width: 901px) {
  .person__other {
    display: block;
  }
}
.person__other:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.person__info {
  background-color: hsl(210, 24%, 14%);
  border-radius: 55px;
  font-size: 1rem;
  padding: 1.5rem;
}

.popover {
  z-index: 350;
  overflow: visible;
  position: relative;
}
.popover__close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.popover__balloon {
  background-color: hsl(210, 15%, 96%);
  border-radius: 2px;
  -webkit-box-shadow: 0 14px 28px rgba(6.8%, 8%, 9.2%, 0.12), 0 10px 10px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 14px 28px rgba(6.8%, 8%, 9.2%, 0.12), 0 10px 10px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  opacity: 0;
  padding: 1.5rem;
  position: absolute;
  min-width: 24rem;
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  visibility: hidden;
  z-index: 2;
}
.popover__balloon::before {
  border-color: currentColor transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  color: hsl(210, 15%, 96%);
  content: "";
  -webkit-filter: drop-shadow(4px 0px 4px rgba(26, 26, 26, 0.2));
          filter: drop-shadow(4px 0px 4px rgba(26, 26, 26, 0.2));
  position: absolute;
}
.popover__balloon--square {
  z-index: 300;
}
.popover__balloon--left {
  right: calc(100% + 20px);
  top: 50%;
  -webkit-transform: translate(20px, -50%);
      -ms-transform: translate(20px, -50%);
          transform: translate(20px, -50%);
}
.popover__balloon--left::before {
  border-color: transparent transparent transparent currentColor;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
[class*=is-show] .popover__balloon--left {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.popover__balloon--left-top {
  right: calc(100% + 20px);
  top: 50%;
  -webkit-transform: translate(20px, -20%);
      -ms-transform: translate(20px, -20%);
          transform: translate(20px, -20%);
}
.popover__balloon--left-top::before {
  border-color: transparent transparent transparent currentColor;
  left: 100%;
  top: 20%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
[class*=is-show] .popover__balloon--left-top {
  -webkit-transform: translate(0, -20%);
      -ms-transform: translate(0, -20%);
          transform: translate(0, -20%);
}
.popover__balloon--right-top {
  left: calc(100% + 20px);
  top: 50%;
  -webkit-transform: translate(20px, -20%);
      -ms-transform: translate(20px, -20%);
          transform: translate(20px, -20%);
}
.popover__balloon--right-top::before {
  border-color: transparent transparent transparent currentColor;
  right: 100%;
  top: 20%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
[class*=is-show] .popover__balloon--right-top {
  -webkit-transform: translate(0, -20%);
      -ms-transform: translate(0, -20%);
          transform: translate(0, -20%);
}
.popover__balloon--right-bottom {
  left: calc(100% + 20px);
  bottom: 50%;
  -webkit-transform: translate(20px, 20%);
      -ms-transform: translate(20px, 20%);
          transform: translate(20px, 20%);
}
.popover__balloon--right-bottom::before {
  border-color: transparent transparent transparent currentColor;
  bottom: 13%;
  right: 100%;
  -webkit-transform: translateX(0%) rotate(180deg);
      -ms-transform: translateX(0%) rotate(180deg);
          transform: translateX(0%) rotate(180deg);
}
[class*=is-show] .popover__balloon--right-bottom {
  -webkit-transform: translate(-2%, 16%);
      -ms-transform: translate(-2%, 16%);
          transform: translate(-2%, 16%);
}
.popover__balloon--lemon {
  color: hsl(210, 15%, 96%);
  background-color: hsl(0, 64%, 55%);
}
.popover__balloon--lemon::before {
  color: hsl(0, 64%, 55%);
}
[class*=is-show] .popover__balloon {
  opacity: 1;
  visibility: visible;
  z-index: 9999 !important;
  color: hsl(210, 24%, 14%);
}

.privacy {
  position: relative;
  display: block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.privacy h2 {
  font-size: 1.35rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.privacy__wrapper {
  color: hsl(210, 15%, 8%);
  background-color: hsl(210, 15%, 96%);
  margin: 0.5rem;
  overflow-y: hidden;
  height: 100%;
  padding: 3rem;
  font-size: 1rem;
}
.privacy__wrapper > h1 {
  font-size: 1.9rem;
  margin-bottom: 1rem;
}
.privacy__wrapper > p {
  margin-bottom: 2rem;
  font-size: 16px;
}
@media (max-width: 599px) {
  .privacy__wrapper {
    max-width: 100%;
    margin: 0;
  }
}
.privacy ul.a {
  list-style-type: circle;
  list-style-position: inside;
  margin-bottom: 2rem;
}
.privacy ul.a > li {
  line-height: 1.4rem;
  text-align: justify;
  display: list-item;
  margin-bottom: 0.5rem;
  width: 100%;
}
.privacy .grid-wrapper {
  overflow-y: scroll;
  margin-bottom: 3rem;
  width: 100%;
  height: 60vh;
}
.privacy .grid-wrapper::-webkit-scrollbar {
  width: 4px;
}
.privacy .grid-wrapper {
  /* Track */
}
.privacy .grid-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
          box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.privacy .grid-wrapper {
  /* Handle */
}
.privacy .grid-wrapper::-webkit-scrollbar-thumb {
  background: #1A2E3D;
  border-radius: 10px;
}
@media (max-width: 1199px) {
  .privacy .grid-wrapper {
    overflow: scroll;
  }
  .privacy .grid-wrapper::-webkit-scrollbar {
    height: 4px;
  }
}
.privacy .grid-container {
  display: grid;
  grid-template-columns: repeat(5, 11.2rem);
  height: 5rem;
  grid-gap: 5px;
  background-color: #fff;
  color: #444;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media (max-width: 599px) {
  .privacy .grid-container {
    grid-template-columns: repeat(5, 5rem);
    grid-gap: 2px;
  }
}
.privacy .grid-column {
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #444;
  border-radius: 5px;
  color: #fff;
  display: grid;
  font-size: 100%;
  height: 6rem;
  padding: 10px;
  text-align: center;
}
.privacy .grid-column > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
}
@media (max-width: 599px) {
  .privacy .grid-column {
    font-size: 1rem;
    height: 2.5rem;
  }
}
.privacy .line {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(5, 11.2rem);
  grid-auto-rows: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  opacity: 1;
  padding: 0;
}
@media (max-width: 599px) {
  .privacy .line {
    grid-template-columns: repeat(5, 5rem);
    grid-gap: 2px;
  }
}
.privacy .line > div {
  padding: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 1px #343F45;
  justify-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .privacy .line > div {
    font-size: 0.85rem;
    padding: 0.5rem;
    overflow-wrap: anywhere;
  }
}
.privacy .cell {
  position: relative;
  display: inline-block;
  width: 100%;
}

.progress {
  background-color: hsl(210, 15%, 96%);
  border-radius: 55px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1rem;
  min-width: 6.5rem;
  overflow: hidden;
  padding: 4px;
  position: relative;
}
.progress-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.progress__bar {
  background-color: hsl(120, 16%, 29%);
  border-radius: inherit;
  bottom: 3px;
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08), inset 0 2px 3px hsla(210, 15%, 96%, 0.25);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08), inset 0 2px 3px hsla(210, 15%, 96%, 0.25);
  display: block;
  height: 100%;
}
.progress__value {
  display: inline-block;
  font-size: 1.15rem;
  margin-left: 0.5rem;
}
.progress--xs {
  height: 0.5rem;
  padding: 0.15rem;
  min-width: 4rem;
}
.progress--xs ~ [class*=__value] {
  font-size: 0.85rem;
}
.progress--md {
  height: 1.5rem;
}

.radio {
  position: relative;
}
.radio__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-weight: 400;
  letter-spacing: 0;
  min-height: 2em;
  padding-left: 2.75rem;
  position: relative;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .radio__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    line-height: 2em;
  }
}
.radio__label:active, .radio__label:focus {
  background-color: none;
}
.radio__label::before {
  background-color: hsl(210, 24%, 14%);
  border-radius: 55px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.75rem;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  top: 50%;
  width: 1.75rem;
}
.radio__label::after {
  text-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.radio__input:checked ~ .radio__label::after {
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.radio {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.radio__label::before, .radio__label::after {
  border-radius: 50%;
}
.radio__label::after {
  background-color: hsl(210, 15%, 96%);
  content: "";
  height: 0.6em;
  left: calc((1.75rem - 0.6em) / 2);
  width: 0.6em;
}
.radio__input:checked + .radio__label::before {
  background-color: hsl(0, 77%, 78%);
}
.radio__input:checked + .radio__label::after {
  opacity: 1;
}
.radio--sm .radio__label {
  padding-left: 2.25rem;
}
.radio--sm .radio__label::before {
  height: 0.75rem;
  left: 0.5rem;
  width: 0.75rem;
}

.range-slider {
  width: 100%;
}
.range-slider > input {
  max-width: 85% !important;
}
.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - 73px);
  height: 12px;
  min-height: 5px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #ACE8FF), color-stop(20%, #6CCDF4), color-stop(40%, #6CCDF4), color-stop(40%, #0D9BD4), color-stop(60%, #0D9BD4), color-stop(60%, #006D99), color-stop(80%, #006D99), color-stop(80%, #054159), to(#054159));
  background-image: -o-linear-gradient(left, #ACE8FF 20%, #6CCDF4 20%, #6CCDF4 40%, #0D9BD4 40%, #0D9BD4 60%, #006D99 60%, #006D99 80%, #054159 80%, #054159 100% #054159);
  background-image: linear-gradient(to right, #ACE8FF 20%, #6CCDF4 20%, #6CCDF4 40%, #0D9BD4 40%, #0D9BD4 60%, #006D99 60%, #006D99 80%, #054159 80%, #054159 100% #054159);
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 599px) {
  .range-slider__range {
    width: calc(100% - 10px);
  }
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 55px;
  border-radius: 5px;
  background: #D9D9D9;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #D9D9D9;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #D9D9D9;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #D9D9D9;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #D9D9D9;
}
.range-slider__range:active::-moz-range-thumb {
  background: #D9D9D9;
}
.range-slider__range--resposta::-webkit-slider-thumb {
  background: #ff9933;
  pointer-events: none;
}
.range-slider ::-moz-range-track {
  background: #D9D9D9;
  border: 0;
}
.range-slider__answered-tooltip {
  background-color: #ff9933;
  border-radius: 5px;
  color: hsl(210, 15%, 96%);
  font-weight: 600;
  letter-spacing: 0.8px;
  margin-top: 7rem;
  padding: 1rem 0 1rem 0;
  position: absolute;
  width: 120px;
  left: calc(50% - 65px);
  display: none;
}
.range-slider__answered-tooltip--is-visible {
  display: block;
}
@media (max-width: 599px) {
  .range-slider__answered-tooltip {
    left: calc(52% - 65px);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    bottom: -8.5rem;
  }
}

.seletor-unidade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.seletor-unidade__label {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
}
.seletor-unidade__select {
  width: 100%;
}
.seletor-unidade__campo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.seletor-unidade__input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.seletor-unidade__input::-webkit-search-cancel-button, .seletor-unidade__input::-webkit-search-decoration, .seletor-unidade__input::-webkit-search-results-button, .seletor-unidade__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  display: none;
}
.seletor-unidade__input::-ms-clear {
  display: none;
}
.seletor-unidade__input {
  width: 100%;
  min-width: 0;
  padding-right: 2.5rem !important;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  cursor: text;
}
.seletor-unidade__input::-ms-clear {
  display: none;
}
.seletor-unidade__input[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
.seletor-unidade__botao {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  margin-left: 1rem !important;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: #808080;
  cursor: pointer;
}
.seletor-unidade__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.seletor-unidade__chevron {
  display: block;
  width: 0.55rem;
  height: 0.55rem;
  margin-top: -0.25rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  -o-transition: transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.seletor-unidade--aberto .seletor-unidade__chevron {
  margin-top: 0.25rem;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.seletor-unidade__painel {
  display: none;
  position: fixed;
  z-index: 1060;
  margin: 0;
  background: #fff;
  border: 1px solid rgba(129, 129, 129, 0.3490196078);
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  text-align: left;
}
.seletor-unidade__painel--aberto {
  display: block;
}
.seletor-unidade__lista {
  max-height: 20rem;
  margin: 0;
  padding: 0.25rem 0;
  overflow-y: auto;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 599px) {
  .seletor-unidade__lista {
    max-height: 55vh;
  }
}
.seletor-unidade__opcao {
  position: relative;
  margin: 0;
  padding: 0.45rem 0.75rem;
  font-size: 1rem;
  line-height: 1.35;
  color: #000;
  white-space: normal;
  word-break: break-word;
  cursor: pointer;
}
.seletor-unidade__opcao:hover {
  background: #eef6f9;
}
.seletor-unidade__opcao--ativa, .seletor-unidade__opcao--ativa:hover {
  background: #d9edf3;
  -webkit-box-shadow: inset 3px 0 0 #0a3d5c;
          box-shadow: inset 3px 0 0 #0a3d5c;
}
.seletor-unidade__opcao--selecionada {
  font-weight: 700;
}
.seletor-unidade__opcao--contexto, .seletor-unidade__opcao--contexto:hover {
  color: #8a949b;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}
.seletor-unidade__opcao--nivel-0 {
  padding-left: 0.75rem;
}
.seletor-unidade__opcao--nivel-1 {
  padding-left: 1.75rem;
}
.seletor-unidade__opcao--nivel-2 {
  padding-left: 2.75rem;
}
.seletor-unidade__opcao--nivel-3 {
  padding-left: 3.75rem;
}
.seletor-unidade__opcao--nivel-4 {
  padding-left: 4.75rem;
}
.seletor-unidade__opcao--nivel-5 {
  padding-left: 5.75rem;
}
.seletor-unidade__opcao--nivel-6 {
  padding-left: 6.75rem;
}
.seletor-unidade__opcao--nivel-7 {
  padding-left: 7.75rem;
}
.seletor-unidade__opcao--nivel-8 {
  padding-left: 8.75rem;
}
.seletor-unidade__marca {
  margin-right: 0.35rem;
  color: #8a949b;
}
.seletor-unidade__vazio {
  margin: 0;
  padding: 0.75rem;
  font-size: 1rem;
  color: #6b7780;
}
.seletor-unidade--inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seletor-unidade--inline .seletor-unidade__label {
  margin: 0 0.5rem 0 0;
  font-size: 1.05rem;
  font-weight: inherit;
}
.seletor-unidade--inline .seletor-unidade__select {
  width: auto;
  max-width: 100%;
}
.seletor-unidade--inline .seletor-unidade__campo {
  width: 50%;
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 899px) {
  .seletor-unidade--inline .seletor-unidade__campo {
    width: 100%;
    margin-top: 0.5rem;
  }
  .seletor-unidade--inline .seletor-unidade__campo select {
    width: 100% !important;
  }
}
.seletor-unidade__label--oculto, .seletor-unidade__hint {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.form-group--select-wrapper--combobox::before {
  display: none !important;
}

.seletor-unidade-escola {
  display: block;
  font-size: 0.85rem;
  line-height: 1.3;
  color: #6b7780;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.engajamento__menu .seletor-unidade__input {
  height: 2.5rem;
  margin: 0.25rem 0;
  padding: 0.5rem 1rem;
  font-size: 0.87rem;
  color: #808080;
  background-color: #f6f6f6;
  border: 1px solid rgba(63, 165, 195, 0.9294117647) !important;
}

.self-perception {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 2.25rem;
}
.self-perception__graphic {
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.self-perception__date {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.side-arrows {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.side-arrows__arrow {
  color: hsl(210, 24%, 14%);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  opacity: 0.5;
}
@media (-moz-touch-enabled: 1), (hover: hover), (hover: on-demand) {
  .side-arrows__arrow:hover {
    opacity: 1;
  }
}
@-moz-document url-prefix() {
  .side-arrows__arrow:hover {
    opacity: 1;
  }
}
.side-arrows__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}
.side-arrows__title {
  margin: 0 0 1rem;
  text-align: center;
  width: 100%;
}

.placeholder-item, .placeholder-item__30px, .placeholder-item__super_large, .placeholder-item__short {
  -webkit-box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);
          box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);
  border-radius: 4px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  background-color: hsl(209, 20%, 26%);
}
.placeholder-item__short {
  height: 30px;
}
.placeholder-item__super_large {
  height: 500px;
}
.placeholder-item__30px {
  width: 30px;
}

.placeholder-item::before, .placeholder-item__short::before, .placeholder-item__super_large::before, .placeholder-item__30px::before {
  content: "";
  display: block;
  position: absolute;
  left: -150px;
  top: 0;
  height: 100%;
  width: 150px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #E8E8E8), to(transparent));
  background: -o-linear-gradient(left, transparent 0%, #E8E8E8 50%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%);
  -webkit-animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@-webkit-keyframes load {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}

@keyframes load {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
.z-index-9999 {
  z-index: 9999 !important;
}

.stacked-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.stacked-bar__values {
  border-radius: 1rem;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 0.75rem;
  overflow: hidden;
  width: 100%;
}
.stacked-bar__values > *:not(:first-child) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.stacked-bar__legend {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  padding: 0.5rem 0;
  text-transform: uppercase;
}
@media (min-width: 901px) {
  .stacked-bar__legend {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.stacked-bar__legend > * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 30%;
          flex: 1 0 30%;
  margin-bottom: 1rem;
}
@media (min-width: 901px) {
  .stacked-bar__legend > * {
    margin-bottom: 0;
    margin-right: 0.5rem;
  }
}
.stacked-bar__color-element {
  border-radius: 55px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 0.75em;
  margin-right: 0.5rem;
  margin-bottom: 1.5px;
  width: 0.75em;
}
.stacked-bar--adulto-value--3 {
  background-color: #3FA5C3;
}
.stacked-bar--adulto-value--2 {
  background-color: rgba(63, 165, 195, 0.568627451);
}
.stacked-bar--adulto-value--1 {
  background-color: rgba(63, 165, 195, 0.2588235294);
}
.stacked-bar--setorpublico-value--3 {
  background-color: #28346F;
}
.stacked-bar--setorpublico-value--2 {
  background-color: rgba(40, 52, 111, 0.5215686275);
}
.stacked-bar--setorpublico-value--1 {
  background-color: rgba(40, 52, 111, 0.2117647059);
}
.stacked-bar--heterorrelato-value--3 {
  background-color: #28346F;
}
.stacked-bar--heterorrelato-value--2 {
  background-color: rgba(135, 113, 171, 0.5215686275);
}
.stacked-bar--heterorrelato-value--1 {
  background-color: rgba(135, 113, 171, 0.2117647059);
}

.steps {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.15rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.steps > * {
  z-index: 2;
}
.steps::before {
  background-color: hsl(216, 33%, 98%);
  border-radius: 55px;
  bottom: calc(2em / 2 - 2px);
  content: "";
  height: 0.25rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
.steps__step {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.steps__step:not(:last-of-type) {
  margin-right: 1.5rem;
}
.steps__step > *:last-child {
  margin-top: 0.5rem;
}
.steps__number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(227, 42%, 47%);
  border: 2px solid hsl(210, 15%, 96%);
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: hsl(210, 15%, 96%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2em;
}
.steps__number--is-active {
  background-color: hsl(0, 77%, 78%);
}
.steps__label {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
  min-width: 12rem;
  text-align: center;
  word-wrap: wrap;
}

.submenu {
  color: hsl(210, 24%, 14%);
  opacity: 0;
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition-delay: 150ms;
       -o-transition-delay: 150ms;
          transition-delay: 150ms;
  -webkit-transition-duration: 300ms;
       -o-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-timing-function: var(--ease-out--quad);
       -o-transition-timing-function: var(--ease-out--quad);
          transition-timing-function: var(--ease-out--quad);
  visibility: hidden;
}
.submenu__person-name {
  font-weight: bold !important;
}
.submenu__item {
  margin: 1.5rem 0;
}
.submenu__item:first-child {
  margin-top: 0;
}
.submenu__item:last-child {
  margin-bottom: 0;
}
.submenu__item > * {
  padding: 0 1.5rem;
}
.submenu__body {
  padding: 1.5rem 0;
}
.submenu__link {
  position: relative;
  overflow: visible;
}
.submenu__link > * {
  position: relative;
  z-index: 2;
}
.submenu__link::before {
  color: hsl(210, 15%, 96%) !important;
  background-color: #4D5457;
  border-radius: 8px;
  content: "";
  height: calc(100% + 0.5rem * 2);
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 200ms var(--ease-in-out-quad);
  -o-transition: 200ms var(--ease-in-out-quad);
  transition: 200ms var(--ease-in-out-quad);
  visibility: hidden;
  width: 100%;
  padding: 0.2rem;
  z-index: -1;
}
.submenu__link:hover {
  color: hsl(210, 15%, 96%);
}
.submenu__link:hover::before {
  opacity: 1;
  visibility: visible;
}
.submenu__link:hover .icon-online-learning {
  content: url(/assets/img/online-learning-n.svg);
  width: 1rem;
  height: 1.5rem;
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .submenu__link {
    border-radius: 55px;
    background-color: transparent;
    padding: 0.5rem 1rem;
  }
  .submenu__link::before {
    display: none;
  }
  .submenu__link:hover {
    background-color: hsl(0, 77%, 78%);
  }
}
.submenu__link {
  display: block;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  white-space: nowrap;
  font-size: 1rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .submenu__link {
    overflow: hidden;
  }
}
@supports (-ms-ime-align: auto) {
  .submenu__link {
    overflow: hidden;
  }
}
.submenu__has-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.submenu--header {
  background-color: white;
  border-radius: 55px;
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
}
.submenu--user {
  width: calc(100% - 3rem);
}
.submenu--is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.submenu--percursos {
  color: hsl(210, 15%, 96%);
  display: block;
  position: relative;
  z-index: 99;
}
.submenu--percursos .submenu__body {
  background-color: hsl(210, 15%, 10%);
  -webkit-box-shadow: 0 1px 16px 8px hsla(210, 40%, 98%, 0.05);
          box-shadow: 0 1px 16px 8px hsla(210, 40%, 98%, 0.05);
  left: 1.5rem;
  top: 1rem;
  position: absolute;
}

.switch {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.switch__checkbox {
  display: none;
}
.switch__label {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 1rem;
}
.switch__body {
  background-color: hsl(210, 24%, 14%);
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 2rem;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 4rem;
}
[disabled] + .switch__body {
  background-color: hsl(214, 15%, 93%);
  cursor: not-allowed;
  opacity: 0.85;
}
.switch__checkbox:checked + .switch__body {
  background-color: hsl(210, 24%, 14%);
}
.switch__head {
  background-color: hsl(211, 10%, 66%);
  border-radius: 2px;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-2.5rem, -50%);
      -ms-transform: translate(-2.5rem, -50%);
          transform: translate(-2.5rem, -50%);
  -webkit-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 300ms var(--ease-in-out-quad);
  -o-transition: 300ms var(--ease-in-out-quad);
  transition: 300ms var(--ease-in-out-quad);
  width: 1rem;
}
.switch__checkbox:checked + .switch__body .switch__head {
  background-color: #1A2E3D;
  -webkit-transform: translate(-0.5rem, -50%);
      -ms-transform: translate(-0.5rem, -50%);
          transform: translate(-0.5rem, -50%);
}

.table {
  border-collapse: collapse;
  table-layout: fixed;
  white-space: nowrap;
  width: 100%;
}
.table__icon {
  font-size: 1.75em;
  text-align: center;
}
.table__subheader {
  border-bottom: 1px solid hsl(214, 15%, 93%);
  font-size: 0.85em;
  font-weight: 700;
  opacity: 0.85;
  padding-top: 1.5rem;
  text-transform: uppercase;
}
.table__subheader th {
  font-weight: inherit;
}
.table__title {
  display: block;
  font-size: 1.35rem;
  font-weight: 700;
}
.table__subtitle {
  display: block;
  font-size: 0.85rem;
  opacity: 0.85;
  text-transform: uppercase;
}
.table__striped-light:nth-child(even) {
  background-color: rgb(255, 255, 255);
}
.table__striped-light:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.65);
}
.table__striped-dark:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table__striped-dark:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}
.table--striped tr:nth-child(even) td {
  background-color: rgba(63, 165, 195, 0.25);
  color: #000;
}
.table--striped tr:nth-child(odd) td {
  background-color: rgba(63, 165, 195, 0.05);
  color: #000;
}
.table--indicators .table__name {
  width: 16%;
}
.table--indicators .table__email {
  width: 24%;
}
.table--indicators .table__area {
  width: 12%;
}
.table--indicators .table__role {
  width: 12%;
}
.table--indicators .table__last-access {
  width: 10%;
}
.table--indicators .table__total-access {
  width: 12%;
}
.table--indicators .table__activities {
  width: 14%;
}
.table--users .table__check {
  width: 60px;
}
.table--users .table__name {
  width: 18%;
}
.table--users .table__email {
  width: 20%;
}
.table--users .table__class {
  display: none;
  text-align: center;
  width: 5%;
}
@media (min-width: 901px) {
  .table--users .table__class {
    display: table-cell;
  }
}
.table--users .table__total {
  text-align: center;
  width: 8%;
}
.table--users .table__role {
  display: none;
  width: 8%;
}
@media (min-width: 901px) {
  .table--users .table__role {
    display: table-cell;
  }
}
.table--users .table__enabled {
  text-align: center;
  width: 10%;
}
.table--users .table__sent {
  text-align: center;
  width: 10%;
}
.table--users .table__courses {
  text-align: center;
  width: 10%;
}
.table--users .table__actions {
  overflow: visible;
  position: relative;
  text-align: center;
  width: 60px;
}
.table--users .table__submenu {
  position: absolute;
  right: 75%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.table--emails .table__check {
  text-align: center;
  width: 32px;
}
.table--emails .table__name {
  width: 16%;
}
.table--emails .table__email {
  width: 34%;
}
.table--emails .table__role {
  display: none;
  width: 10%;
}
@media (min-width: 901px) {
  .table--emails .table__role {
    display: table-cell;
  }
}
.table--emails .table__enabled {
  text-align: center;
  width: 10%;
}
.table--emails .table__sent {
  text-align: center;
  width: 10%;
}
.table--emails .table__courses {
  width: 23%;
}
.table--emails .table__actions {
  text-align: center;
  width: 80px;
}
.table--emails .table__status {
  text-align: center;
  width: 80px;
}
.table--mass-enroll .table__enroller {
  width: 8%;
}
.table--mass-enroll .table__file {
  width: 20%;
}
.table--mass-enroll .table__import {
  width: 12%;
}
.table--mass-enroll .table__status {
  width: 8%;
}
.table--mass-enroll .table__users {
  text-align: center;
  width: 8%;
}
.table--mass-enroll .table__processed {
  text-align: center;
  width: 8%;
}
.table--mass-enroll .table__not-processed {
  text-align: center;
  width: 14%;
  white-space: normal;
}
.table--mass-enroll .table__log {
  text-align: center;
  width: 4%;
}
.table--quizes {
  background-color: hsl(216, 33%, 98%);
  text-align: center;
}
.table--quizes tr > *:first-child {
  text-align: left;
}
.table--quizes .table__name {
  width: 16%;
}
.table--quizes .table__correct {
  width: 12%;
}
.table--quizes .table__wrong {
  width: 12%;
}
.table--quizes .table__average {
  width: 20%;
}
.table--quizes .table__rewatch {
  width: 20%;
}
.table--quizes .table__average-time {
  width: 20%;
}
.table--fix-col {
  position: relative;
}
.table--fix-col--autorrelato thead {
  position: relative;
  z-index: 2;
}
.table--fix-col--autorrelato thead th {
  background-color: #3FA5C3;
}
.table--fix-col--setorpublico thead {
  position: relative;
  z-index: 2;
}
.table--fix-col--setorpublico thead th {
  background-color: #28346F;
}
.table--fix-col tbody {
  z-index: 1;
}
.table--fix-col tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 2;
}
.table--fix-col tr:hover {
  z-index: 1;
}
.table--fix-col tr:hover td::after {
  display: block;
  opacity: 0.25;
  visibility: visible;
}
.table--fix-col td {
  position: relative;
}
.table--fix-col td > * {
  position: relative;
  z-index: 2;
}
.table--fix-col td:first-child {
  border-right: 2px solid hsl(210, 15%, 96%);
  -webkit-box-shadow: 4px 0 16px hsla(210, 15%, 8%, 0.1);
          box-shadow: 4px 0 16px hsla(210, 15%, 8%, 0.1);
}
.table--fix-col td::before {
  background-color: #ee7566;
  content: "";
  display: none;
  height: 10000px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -5000px;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.table--fix-col td:not(:first-child):hover::before {
  display: block;
  opacity: 0.25;
  visibility: visible;
}
.table--fix-col th,
.table--fix-col td {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 6rem;
          flex: 1 0 6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2rem;
  overflow: unset;
  position: relative;
  text-align: center;
}
.table--fix-col th:first-child,
.table--fix-col td:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 17rem;
          flex: 1 0 17rem;
  position: sticky;
  left: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  z-index: 2;
}
.table--fix-col th:not(:first-child),
.table--fix-col td:not(:first-child) {
  z-index: 1;
}
.table--fix-col th::after,
.table--fix-col td::after {
  background-color: #ee7566;
  content: "";
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.table--short th,
.table--short td {
  padding: 0.25rem 1.5rem;
}
@media (min-height: 601px) {
  .table--short th,
  .table--short td {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

.table-flip {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.table-flip thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25%;
}
.table-flip tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}
.table-flip th {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0;
}
.table-flip th:not([class*=subheader]) {
  font-weight: 400;
  text-transform: none;
}
.table-flip tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 140px;
          flex: 1 0 140px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.table-flip td,
.table-flip th {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-flip td[class*=subheader],
.table-flip th[class*=subheader] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 8rem;
  padding-bottom: 0.5rem;
}
.table-flip td:nth-child(odd),
.table-flip th:nth-child(odd) {
  background-color: hsl(210, 15%, 96%);
}
.table-flip td:nth-child(even),
.table-flip th:nth-child(even) {
  background-color: hsl(216, 33%, 98%);
}
.table-flip td {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-flip td.has-user-thumb {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: visible;
  position: relative;
  text-align: center;
}
.table-flip td.has-user-thumb > *:first-child {
  margin-bottom: 0.5rem;
}
.table-flip__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabs {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid hsl(214, 15%, 93%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "poppins", sans-serif;
  font-size: 1.15rem;
  font-weight: bolder;
}
.tabs__tab {
  color: inherit;
  padding: 1rem;
}
.tabs__tab > * {
  opacity: 0.5;
}
.tabs__tab--is-active {
  color: hsl(210, 15%, 96%);
  background-color: hsl(227, 50%, 57%);
}
.tabs__tab--is-active > * {
  opacity: 1;
}
.tabs__not-tab {
  margin-bottom: 1rem;
}

.tooltip {
  position: relative;
}
.tooltip__bubble {
  color: hsl(210, 15%, 96%);
  background-color: hsl(209, 20%, 26%);
  border-radius: 8px 2px;
  font-size: 1rem;
  font-weight: 200;
  letter-spacing: 0.03em;
  line-height: 1.25;
  opacity: 0;
  padding: 1rem 1rem;
  position: absolute;
  text-align: left;
  text-transform: initial;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  visibility: hidden;
  white-space: nowrap;
  z-index: 500;
  font-family: arial;
  bottom: calc(100% + 1rem);
  left: 0.75rem;
}
.tooltip__bubble > * {
  position: relative;
  z-index: 2;
}
.tooltip__bubble::before {
  border-color: transparent transparent transparent hsl(209, 20%, 26%);
  border-style: solid;
  border-width: 1.25rem;
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 50%;
}
.tooltip__bubble--menu-2024 {
  background-color: hsl(209, 20%, 26%);
  left: -10rem !important;
  position: absolute;
  top: 9rem !important;
  width: 15rem !important;
}
.tooltip__bubble--menu-2024::before {
  border-color: transparent transparent transparent hsl(209, 20%, 26%) !important;
  border-style: solid;
  border-width: 1.25rem;
  content: "";
  position: absolute;
  z-index: -1;
  left: 30px !important;
  top: -15% !important;
}
@media (max-width: 599px) {
  .tooltip__bubble {
    font-size: 0.85rem;
    width: 9rem;
    z-index: 99;
    border-radius: 12px;
    text-align: center;
    letter-spacing: 1px;
  }
}
.tooltip--is-visible .tooltip__bubble {
  opacity: 1;
  visibility: visible;
}
.tooltip--on-hover:hover .tooltip__bubble {
  opacity: 1;
  visibility: visible;
}
.tooltip--gray-darkest [class*=__bubble] {
  background-color: hsl(210, 24%, 14%);
  color: hsl(210, 15%, 96%);
}
.tooltip--gray-darkest [class*=__bubble]::before {
  border-left-color: hsl(210, 24%, 14%);
}
.tooltip--orange [class*=__bubble] {
  background-color: #1A2E3D;
  color: hsl(210, 15%, 96%);
}
.tooltip--orange [class*=__bubble]::before {
  border-left-color: #1A2E3D;
}
.tooltip--h-center [class*=__bubble] {
  left: 50%;
}
.tooltip--h-center [class*=__bubble]::before {
  top: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tooltip--center-right [class*=__bubble] {
  bottom: auto;
  left: calc(90% + 1rem);
  top: 325%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media (min-width: 901px) {
  .tooltip--center-right [class*=__bubble] {
    top: 395%;
  }
}
@media (max-width: 599px) {
  .tooltip--center-right [class*=__bubble] {
    left: calc(90% - 8rem);
    top: 496%;
  }
}
@media (min-width: 1201px) {
  .tooltip--center-right [class*=__bubble] {
    left: calc(120% + 1rem);
    top: 340%;
  }
}
.tooltip--center-right [class*=__bubble]::before {
  border-color: hsl(209, 20%, 26%) transparent transparent transparent;
  left: auto;
  right: 99%;
  bottom: auto;
  top: -0.97rem;
  -webkit-transform: translateX(50%) scale(-1);
      -ms-transform: translateX(50%) scale(-1);
          transform: translateX(50%) scale(-1);
}
@media (max-width: 599px) {
  .tooltip--center-right [class*=__bubble]::before {
    left: auto;
    right: 44%;
    bottom: auto;
    top: -1.97rem;
  }
}
.tooltip--bottom-right [class*=__bubble] {
  bottom: auto;
  left: auto;
  right: 50%;
  top: calc(100% + 1rem);
}
.tooltip--bottom-right [class*=__bubble]::before {
  left: auto;
  right: 0;
  top: -0.75rem;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.tooltip--bottom-center [class*=__bubble] {
  bottom: auto;
  left: auto;
  top: calc(100% + 1rem);
}
.tooltip--bottom-center [class*=__bubble]::before {
  left: auto;
  right: 50%;
  top: -0.75rem;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 599px) {
  .tooltip--bottom-center [class*=__bubble]::before {
    display: none;
  }
}
@media (max-width: 599px) {
  .tooltip--bottom-center [class*=__bubble] {
    right: 0;
    top: 0;
    -webkit-transform: translate(105%, -55%);
        -ms-transform: translate(105%, -55%);
            transform: translate(105%, -55%);
    width: 100vw;
  }
}
.tooltip--wrap [class*=__bubble] {
  width: 20rem;
  white-space: normal;
  margin-top: 1rem;
}
@media (max-width: 599px) {
  .tooltip--wrap [class*=__bubble] {
    width: 13rem;
    margin-top: 0;
  }
}
@media (min-width: 901px) {
  .tooltip--wrap [class*=__bubble] {
    width: 13rem;
    margin-top: 0;
  }
}
@media (min-width: 1201px) {
  .tooltip--wrap [class*=__bubble] {
    width: 16rem;
    margin-top: 0;
  }
}

.total-results {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .total-results {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .total-results {
    font-size: 1.35rem;
  }
}
.total-results {
  position: relative;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
.total-results__results {
  background-color: hsl(210, 15%, 10%);
  padding: 0.5rem 1.5rem;
  position: relative;
  z-index: 2;
}
.total-results::before {
  background-color: hsl(209, 20%, 26%);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}

.video {
  height: 0;
  position: relative;
  -webkit-transition: 250ms ease-in-out;
  -o-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  width: 100%;
  z-index: 2;
}
.video__emphasize {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: ease-in-out;
  -o-transition: ease-in-out;
  transition: ease-in-out;
}
.video__aula {
  width: 100%;
}
.video--has-max-size {
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
}
@media (min-width: 1201px) and (max-height: 767px) {
  .video--short-height {
    padding-bottom: 35vw;
  }
}
@media (max-width: 899px) {
  .video {
    margin: auto;
  }
}
@media (max-width: 599px) {
  .video {
    margin: 0;
    display: contents;
  }
}
.video iframe {
  width: 100%;
}
@media (max-width: 599px) {
  .video iframe {
    width: 100%;
    margin-top: 0rem !important;
  }
}
@media (max-width: 899px) {
  .video iframe {
    width: 100%;
    margin-top: 0rem !important;
  }
}
@media (max-width: 1199px) {
  .video iframe {
    width: 100%;
    margin-top: 15rem;
  }
}
@media (max-width: 1799px) {
  .video iframe {
    width: 100%;
    margin-top: 0rem;
  }
}
.video__feedback {
  width: 100%;
}
@media (max-width: 599px) {
  .video__feedback:not(.j--video) {
    margin: auto;
    padding-bottom: 10% !important;
  }
}
@media (max-width: 1199px) {
  .video__feedback:not(.j--video) {
    margin: 0rem;
    padding-bottom: 65%;
  }
}
.video__feedback iframe {
  width: 100%;
  height: 33rem;
}
@media (max-width: 599px) {
  .video__feedback iframe {
    margin-top: 0rem !important;
  }
}
@media (max-width: 899px) {
  .video__feedback iframe {
    margin-top: 0rem !important;
    height: 25rem;
  }
}
@media (max-width: 1199px) {
  .video__feedback iframe {
    height: 30rem;
    margin-top: 0rem !important;
  }
}
@media (max-width: 1799px) {
  .video__feedback iframe {
    margin-top: 2rem;
  }
}

.vinculo-bloqueio {
  display: contents;
}
.vinculo-bloqueio__conteudo {
  display: contents;
}
.vinculo-bloqueio__conteudo > * {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vinculo-bloqueio .vinculo-bloqueio__ancora {
  background: transparent;
  border-radius: 4px;
  cursor: not-allowed;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media print {
  .vinculo-bloqueio .vinculo-bloqueio__ancora {
    display: none;
  }
}

.submenu__item > .vinculo-bloqueio > .vinculo-bloqueio__conteudo > * {
  padding: 0 1.5rem;
}

.vinculo-bloqueio-tooltip {
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  color: #3a3a3a;
  font-size: 0.85rem;
  left: 0;
  line-height: 1.35;
  max-width: calc(100vw - 16px);
  opacity: 0;
  padding: 0.7rem 0.9rem;
  pointer-events: none;
  position: fixed;
  text-align: left;
  top: 0;
  -webkit-transition: opacity 150ms ease-out, visibility 0s linear 150ms;
  -o-transition: opacity 150ms ease-out, visibility 0s linear 150ms;
  transition: opacity 150ms ease-out, visibility 0s linear 150ms;
  visibility: hidden;
  width: 16rem;
  z-index: 99998;
}
.vinculo-bloqueio-tooltip--aberto {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 150ms ease-out, visibility 0s;
  -o-transition: opacity 150ms ease-out, visibility 0s;
  transition: opacity 150ms ease-out, visibility 0s;
  visibility: visible;
}
@media print {
  .vinculo-bloqueio-tooltip {
    display: none;
  }
}
.vinculo-bloqueio-tooltip__texto {
  font-size: 0.85rem;
  line-height: 1.35;
  margin: 0 0 0.5rem;
}
.vinculo-bloqueio-tooltip__texto strong {
  font-weight: 600;
}
.vinculo-bloqueio-tooltip__botao {
  background-color: #0a3d5c;
  border: 0;
  border-radius: 1rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.35rem 0.9rem;
}
.vinculo-bloqueio-tooltip__botao[disabled] {
  cursor: default;
  opacity: 0.6;
}

.vinculo-aviso {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-left: 4px solid #0a3d5c;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  color: #3a3a3a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.9rem;
  gap: 0.5rem 0.75rem;
  left: 50%;
  max-width: calc(100vw - 32px);
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  position: fixed;
  top: 5.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 34rem;
  z-index: 750;
}
@media print {
  .vinculo-aviso {
    display: none;
  }
}
.vinculo-aviso__texto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 14rem;
          flex: 1 1 14rem;
  margin: 0;
}
.vinculo-aviso__botao {
  background-color: #0a3d5c;
  border: 0;
  border-radius: 1rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.4rem 0.9rem;
}
.vinculo-aviso__botao[disabled] {
  cursor: default;
  opacity: 0.6;
}
.vinculo-aviso__fechar {
  background: transparent;
  border: 0;
  color: #5a5a5a;
  cursor: pointer;
  padding: 0.25rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.well {
  background-color: hsl(210, 24%, 14%);
  border: 1px solid hsl(209, 14%, 44%);
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), inset 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1);
          box-shadow: inset 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), inset 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1);
  padding: 0.5rem 1rem;
}
.well--md {
  padding: 1.5rem;
}
.well--white {
  background-color: hsla(210, 15%, 96%, 0.75);
  border: 1px solid hsl(216, 33%, 98%);
}
.well--primary-light {
  background-color: hsla(0, 82%, 89%, 0.1);
  border: 1px solid hsl(0, 77%, 78%);
}

.warn__container {
  color: hsl(210, 15%, 8%);
  height: auto;
  display: none;
  width: 100%;
  z-index: 9999;
  background-color: hsl(42, 87%, 67%);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  .warn__container {
    height: 15vh;
  }
}
@media (max-width: 599px) {
  .warn__container {
    height: auto;
  }
}
.warn__wrapper {
  padding: 1rem 2rem 1rem 2rem;
  width: 72%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1199px) {
  .warn__wrapper {
    padding: 2rem;
    width: 100%;
    gap: 15px;
  }
}
@media (max-width: 599px) {
  .warn__wrapper {
    padding: 1.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.warn__wrapper > span {
  font-size: 1.5rem;
  font-weight: 400;
}
@media (max-width: 599px) {
  .warn__wrapper > span {
    text-align: center;
  }
}
.warn__title {
  font-weight: 800 !important;
  font-size: 1.2rem !important;
  width: 15%;
  text-align: center;
}
.warn__span-sizeAdjust {
  width: auto;
}
@media (max-width: 1199px) {
  .warn__span-sizeAdjust {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
.warn__text-emphasize {
  font-weight: 500;
  background-color: hsl(43, 64%, 34%);
  color: hsl(210, 15%, 96%);
  padding: 0.2rem;
}
.warn__close-btn {
  position: relative;
  font-weight: 600;
  text-decoration: underline !important;
  cursor: pointer;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: flex-end;
  width: auto;
  text-align: center;
  line-height: 1.2rem;
}
@media (max-width: 599px) {
  .warn__close-btn {
    font-size: 1.2rem;
  }
}
.warn__close-btn:hover {
  color: hsl(230, 49%, 34%);
}
.warn__trial-btn {
  border: solid 2px black;
  border-radius: 3px;
  padding: 1.1rem 1rem 1rem 1rem;
  font-weight: 500;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
.warn__trial-btn:hover {
  color: hsl(42, 87%, 67%);
  background-color: black;
}
.warn__subcontainer {
  height: auto;
  position: relative;
  width: 100%;
  z-index: 9990;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
}
@media (max-width: 1199px) {
  .warn__subcontainer {
    height: 15vh;
  }
}
@media (max-width: 599px) {
  .warn__subcontainer {
    height: auto;
  }
}
.warn__trial-modlist {
  background-color: hsl(42, 87%, 67%);
  color: hsl(210, 15%, 8%);
  position: fixed;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 121px;
  left: 9.9%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  padding: 0.3rem;
  border-radius: 5px;
}
.warn__trial-modlist p {
  font-size: 1.2rem;
}
@media (max-width: 1199px) {
  .warn__trial-modlist {
    top: 122px;
    text-align: center;
    width: 92%;
    left: 4%;
  }
}
@media (max-width: 599px) {
  .warn__trial-modlist p {
    font-size: 1rem;
  }
}
.warn__trial-results {
  background-color: lightcoral;
  position: fixed;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 121px;
  left: 9.9%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  padding: 0.3rem;
  border-radius: 5px;
}
.warn__trial-results p {
  font-size: 1.2rem;
}
@media (max-width: 1199px) {
  .warn__trial-results {
    top: 122px;
    text-align: center;
    width: 92%;
  }
}
@media (max-width: 599px) {
  .warn__trial-results p {
    font-size: 1rem;
  }
}

.wifi {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5rem;
}
.wifi svg {
  fill: inherit;
  width: 60%;
  z-index: 2;
}
.wifi path {
  opacity: 0.2;
}
.wifi--circle {
  border-radius: 50%;
}
.wifi--has-bg {
  color: hsl(210, 24%, 14%);
  position: relative;
}
.wifi--has-bg svg,
.wifi--has-bg [class*=icon] {
  position: relative;
  z-index: 2;
}
.wifi--has-bg svg {
  -webkit-transform: translateY(-6%);
      -ms-transform: translateY(-6%);
          transform: translateY(-6%);
}
.wifi--has-bg::after {
  background-color: #fff;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.wifi--1 path:nth-child(-n+1) {
  opacity: 1;
}
.wifi--2 path:nth-child(-n+2) {
  opacity: 1;
}
.wifi--3 path:nth-child(-n+3) {
  opacity: 1;
}
.wifi--4 path:nth-child(-n+4) {
  opacity: 1;
}

.formularios {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 901px) {
  .formularios {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.formularios__header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 901px) {
  .formularios__header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.formularios__header-texto {
  min-width: 0;
}
.formularios__header-links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.formularios__titulo {
  color: #0a3d5c;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.25rem;
}
@media (min-width: 901px) {
  .formularios__titulo {
    font-size: 1.9rem;
  }
}
.formularios__subtitulo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6b7780;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 0.5rem;
  line-height: 1.4;
  margin: 0;
}
.formularios__contagem {
  color: #6b7780;
}
.formularios__voltar {
  color: #086083;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.formularios__voltar:hover {
  text-decoration: underline;
}
.formularios__secao {
  margin-bottom: 2rem;
}
.formularios__secao-titulo {
  color: #0a3d5c;
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 0.75rem;
}
.formularios__lista {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 901px) {
  .formularios__lista {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.formularios__card {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formularios__card {
    padding: 1.5rem;
  }
}
.formularios__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.formularios__card--pendente {
  border-left: 4px solid #3fa5c3;
}
.formularios__card-titulo {
  color: #0a3d5c;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  word-break: break-word;
}
.formularios__card-descricao {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}
.formularios__card-meta {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}
.formularios__acoes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.formularios__acoes--topo {
  margin: 0 0 1.25rem;
}
.formularios__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  min-height: 2.5rem;
  padding: 0.55rem 1.2rem;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  -o-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
@media (hover: hover) {
  .formularios__botao:hover:not([disabled]) {
    background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
    border-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  }
}
.formularios__botao:focus-visible {
  outline: 3px solid rgba(63, 165, 195, 0.5);
  outline-offset: 2px;
}
.formularios__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.formularios__botao--secundario {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
@media (hover: hover) {
  .formularios__botao--secundario:hover:not([disabled]) {
    background-color: #e8f0f4;
    border-color: #e8f0f4;
  }
}
.formularios__botao--destaque {
  background-color: #3fa5c3;
  border-color: #3fa5c3;
}
@media (hover: hover) {
  .formularios__botao--destaque:hover:not([disabled]) {
    background-color: #086083;
    border-color: #086083;
  }
}
.formularios__botao--perigo {
  background-color: #fff;
  border-color: #c2273f;
  color: #c2273f;
}
@media (hover: hover) {
  .formularios__botao--perigo:hover:not([disabled]) {
    background-color: #fbe9ec;
    border-color: #c2273f;
  }
}
.formularios__botao--pequeno {
  font-size: 0.78rem;
  min-height: 2rem;
  padding: 0.35rem 0.9rem;
}
.formularios__status {
  background-color: #eef1f3;
  border-radius: 999px;
  color: #6b7780;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 0.35rem 0.7rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.formularios__status--rascunho {
  background-color: #eef1f3;
  color: #6b7780;
}
.formularios__status--publicado {
  background-color: #e3f4ea;
  color: #2e8b57;
}
.formularios__status--encerrado {
  background-color: #e8f0f4;
  color: #0a3d5c;
}
.formularios__confirmacao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff6dc;
  border: 1px solid #f4bb2f;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 0.5rem;
  line-height: 1.4;
  padding: 0.6rem 0.9rem;
}
.formularios__erro {
  background-color: #fbe9ec;
  border-left: 4px solid #c2273f;
  border-radius: 6px;
  color: #c2273f;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0 0 1rem;
  padding: 0.7rem 0.9rem;
}
.formularios__concluido {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formularios__concluido {
    padding: 1.5rem;
  }
}
.formularios__concluido {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem auto 0;
  max-width: 32rem;
  padding: 2rem 1.25rem;
  text-align: center;
}
@media (min-width: 901px) {
  .formularios__concluido {
    margin-top: 2.5rem;
    padding: 2.75rem 2.5rem;
  }
}
.formularios__concluido p {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.55;
  margin: 0;
  max-width: 26rem;
}
.formularios__concluido .formularios__botao {
  margin-top: 0.75rem;
}
.formularios__concluido:focus {
  outline: none;
}
.formularios__concluido-icone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e8f0f4;
  border-radius: 50%;
  color: #0a3d5c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.75rem;
  height: 4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
}
.formularios__concluido-titulo {
  color: #0a3d5c;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
.formularios__vazio {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formularios__vazio {
    padding: 1.5rem;
  }
}
.formularios__vazio {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
.formularios__carregando {
  color: #6b7780;
  font-size: 0.85rem;
  margin: 0;
  padding: 1rem 0;
  text-align: center;
}

.formulario-builder {
  color: #3a3a3a;
  display: block;
  font-family: "poppins", sans-serif;
}
.formulario-builder__secao {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formulario-builder__secao {
    padding: 1.5rem;
  }
}
.formulario-builder__secao {
  margin-bottom: 1.25rem;
}
.formulario-builder__secao-titulo {
  border-bottom: 1px solid #d8e0e5;
  color: #0a3d5c;
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 1rem;
  padding-bottom: 0.5rem;
}
.formulario-builder__campo {
  margin-bottom: 1rem;
  min-width: 0;
}
.formulario-builder__campo:last-child {
  margin-bottom: 0;
}
.formulario-builder__campo--curto {
  max-width: 9rem;
}
.formulario-builder__campo--check {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: grid;
  gap: 0 0.6rem;
  grid-template-columns: auto 1fr;
  margin-bottom: 0.75rem;
}
.formulario-builder__campo--check .formulario-builder__ajuda {
  grid-column: 2;
}
.formulario-builder__label {
  color: #3a3a3a;
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.35rem;
}
.formulario-builder__label--check {
  cursor: pointer;
  font-weight: 500;
  margin: 0;
  padding-top: 0.1rem;
}
.formulario-builder__obrigatorio {
  color: #c2273f;
}
.formulario-builder__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  -webkit-transition: border-color 150ms ease, -webkit-box-shadow 150ms ease;
  transition: border-color 150ms ease, -webkit-box-shadow 150ms ease;
  -o-transition: border-color 150ms ease, box-shadow 150ms ease;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  transition: border-color 150ms ease, box-shadow 150ms ease, -webkit-box-shadow 150ms ease;
  width: 100%;
}
.formulario-builder__input::-webkit-input-placeholder {
  color: #9aa5ad;
}
.formulario-builder__input::-moz-placeholder {
  color: #9aa5ad;
}
.formulario-builder__input::-ms-input-placeholder {
  color: #9aa5ad;
}
.formulario-builder__input::placeholder {
  color: #9aa5ad;
}
.formulario-builder__input:focus {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
  outline: none;
}
.formulario-builder__input[disabled] {
  background-color: #f4f6f7;
  color: #6b7780;
  cursor: not-allowed;
}
.formulario-builder__input--area {
  min-height: 5.5rem;
  resize: vertical;
}
.formulario-builder__input--select {
  background-image: -o-linear-gradient(45deg, transparent 50%, #6b7780 50%), -o-linear-gradient(315deg, #6b7780 50%, transparent 50%);
  background-image: linear-gradient(45deg, transparent 50%, #6b7780 50%), linear-gradient(135deg, #6b7780 50%, transparent 50%);
  background-position: calc(100% - 1.1rem) 50%, calc(100% - 0.75rem) 50%;
  background-repeat: no-repeat;
  background-size: 0.35rem 0.35rem, 0.35rem 0.35rem;
  padding-right: 2.25rem;
}
.formulario-builder__check {
  accent-color: #0a3d5c;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 1.15rem;
  margin: 0.15rem 0 0;
  width: 1.15rem;
}
.formulario-builder__check[disabled] {
  cursor: not-allowed;
}
.formulario-builder__ajuda {
  color: #6b7780;
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0.35rem 0 0;
}
.formulario-builder__sr-only {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.formulario-builder__erros {
  background-color: #fbe9ec;
  border-left: 4px solid #c2273f;
  border-radius: 6px;
  color: #c2273f;
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0 0 1.25rem;
  padding: 0.8rem 1rem;
}
.formulario-builder__erros:focus {
  outline: 3px solid rgba(194, 39, 63, 0.35);
}
.formulario-builder__erros-titulo {
  font-size: inherit;
  font-weight: 700;
  margin: 0 0 0.35rem;
}
.formulario-builder__erros-lista {
  margin: 0;
  padding-left: 1.25rem;
}
.formulario-builder__erros-lista li {
  margin: 0.15rem 0;
}
.formulario-builder__erro-salvar {
  background-color: #fbe9ec;
  border-left: 4px solid #c2273f;
  border-radius: 6px;
  color: #c2273f;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0 0 1rem;
  padding: 0.7rem 0.9rem;
}
.formulario-builder__aviso {
  background-color: #fff6dc;
  border-left: 4px solid #f4bb2f;
  border-radius: 6px;
  color: #6b5200;
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0 0 1rem;
  padding: 0.7rem 0.9rem;
}
.formulario-builder__vazio {
  border: 1px dashed #d8e0e5;
  border-radius: 8px;
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 1rem;
  padding: 1rem;
  text-align: center;
}
.formulario-builder__perguntas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
}
.formulario-builder__pergunta {
  background-color: #fafbfc;
  border: 1px solid #d8e0e5;
  border-left: 4px solid #3fa5c3;
  border-radius: 8px;
  padding: 0.9rem;
}
@media (min-width: 901px) {
  .formulario-builder__pergunta {
    padding: 1.1rem 1.25rem;
  }
}
.formulario-builder__pergunta--erro {
  border-color: #c2273f;
  border-left-color: #c2273f;
}
.formulario-builder__pergunta--bloqueada {
  border-left-color: #6b7780;
}
.formulario-builder__pergunta-topo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  margin-bottom: 0.9rem;
}
.formulario-builder__pergunta-numero {
  color: #0a3d5c;
  font-size: 0.85rem;
  font-weight: 700;
}
.formulario-builder__pergunta-tipo {
  background-color: #e8f0f4;
  border-radius: 999px;
  color: #0a3d5c;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.3rem 0.65rem;
}
.formulario-builder__pergunta-acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}
.formulario-builder__icone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 6px;
  color: #0a3d5c;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  padding: 0;
  width: 2rem;
}
@media (hover: hover) {
  .formulario-builder__icone:hover:not([disabled]) {
    background-color: #e8f0f4;
  }
}
.formulario-builder__icone:focus-visible {
  outline: 3px solid rgba(63, 165, 195, 0.5);
  outline-offset: 1px;
}
.formulario-builder__icone[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.formulario-builder__icone--remover {
  color: #c2273f;
}
@media (hover: hover) {
  .formulario-builder__icone--remover:hover:not([disabled]) {
    background-color: #fbe9ec;
  }
}
.formulario-builder__opcoes, .formulario-builder__grupo {
  border: 0;
  margin: 0 0 1rem;
  min-width: 0;
  padding: 0;
}
.formulario-builder__opcoes legend, .formulario-builder__grupo legend {
  padding: 0;
}
.formulario-builder__opcao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formulario-builder__opcao .formulario-builder__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.formulario-builder__escala {
  display: grid;
  gap: 0.75rem 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 901px) {
  .formulario-builder__escala {
    grid-template-columns: 9rem 9rem 1fr 1fr;
  }
}
.formulario-builder__escala .formulario-builder__campo {
  margin-bottom: 0;
}
.formulario-builder__escala .formulario-builder__campo--curto {
  max-width: none;
}
.formulario-builder__adicionar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px dashed #d8e0e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 1rem;
}
.formulario-builder__adicionar:focus {
  outline: none;
}
.formulario-builder__adicionar-rotulo {
  color: #6b7780;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 0.85rem;
  font-weight: 600;
}
@media (min-width: 901px) {
  .formulario-builder__adicionar-rotulo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.formulario-builder__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  min-height: 2.5rem;
  padding: 0.55rem 1.2rem;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  -o-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
@media (hover: hover) {
  .formulario-builder__botao:hover:not([disabled]) {
    background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
    border-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  }
}
.formulario-builder__botao:focus-visible {
  outline: 3px solid rgba(63, 165, 195, 0.5);
  outline-offset: 2px;
}
.formulario-builder__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.formulario-builder__botao--destaque {
  background-color: #3fa5c3;
  border-color: #3fa5c3;
}
@media (hover: hover) {
  .formulario-builder__botao--destaque:hover:not([disabled]) {
    background-color: #086083;
    border-color: #086083;
  }
}
.formulario-builder__botao--secundario {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
@media (hover: hover) {
  .formulario-builder__botao--secundario:hover:not([disabled]) {
    background-color: #e8f0f4;
    border-color: #e8f0f4;
  }
}
.formulario-builder__botao--tipo {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
@media (hover: hover) {
  .formulario-builder__botao--tipo:hover:not([disabled]) {
    background-color: #e8f0f4;
    border-color: #e8f0f4;
  }
}
.formulario-builder__botao--tipo {
  border-style: dashed;
  font-weight: 500;
  min-height: 2.25rem;
  padding: 0.4rem 0.9rem;
}
.formulario-builder__botao--texto {
  background: transparent;
  border-color: transparent;
  color: #086083;
  min-height: 2rem;
  padding: 0.3rem 0.5rem;
}
@media (hover: hover) {
  .formulario-builder__botao--texto:hover:not([disabled]) {
    background-color: #e8f0f4;
    border-color: transparent;
    text-decoration: underline;
  }
}
.formulario-builder__preview-acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1rem;
}
.formulario-builder__preview {
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  margin-top: 1rem;
  padding: 0.75rem;
}
.formulario-builder__preview:focus {
  outline: 3px solid rgba(63, 165, 195, 0.35);
}
@media (min-width: 901px) {
  .formulario-builder__preview {
    padding: 1rem;
  }
}
.formulario-builder__checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin-top: 0.5rem;
}
.formulario-builder__checks .formulario-builder__campo--check {
  margin-bottom: 0;
}
.formulario-builder__turmas {
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  display: grid;
  gap: 0.25rem;
  grid-template-columns: 1fr;
  margin-top: 0.5rem;
  max-height: 18rem;
  overflow-y: auto;
  padding: 0.5rem;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 901px) {
  .formulario-builder__turmas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.formulario-builder__turma {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  min-width: 0;
  padding: 0.4rem 0.5rem;
}
@media (hover: hover) {
  .formulario-builder__turma:hover {
    background-color: #e8f0f4;
  }
}
.formulario-builder__turma .formulario-builder__label--check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
.formulario-builder__turma-nome {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.formulario-builder__turma-ano {
  color: #6b7780;
  font-weight: 500;
}
.formulario-builder__turma-unidade {
  color: #6b7780;
  font-size: 0.78rem;
  line-height: 1.3;
}
.formulario-builder__resumo {
  background-color: #e8f0f4;
  border-radius: 8px;
  color: #0a3d5c;
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0;
  padding: 0.7rem 0.9rem;
}
.formulario-builder__acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  padding: 0.5rem 0 1rem;
}
@media (min-width: 601px) {
  .formulario-builder__acoes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.formulario-builder__acoes .formulario-builder__botao {
  width: 100%;
}
@media (min-width: 601px) {
  .formulario-builder__acoes .formulario-builder__botao {
    width: auto;
  }
}
.formulario-builder .seletor-unidade {
  width: 100%;
}
.formulario-builder .seletor-unidade--inline .seletor-unidade__label {
  font-size: 0.85rem;
  font-weight: 600;
}

.formulario-resultados {
  color: #3a3a3a;
  display: block;
  font-family: "poppins", sans-serif;
}
.formulario-resultados__cabecalho {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formulario-resultados__cabecalho {
    padding: 1.5rem;
  }
}
.formulario-resultados__cabecalho {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 901px) {
  .formulario-resultados__cabecalho {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.formulario-resultados__cabecalho-texto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.formulario-resultados__cabecalho-acoes {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.formulario-resultados__titulo {
  color: #0a3d5c;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 0.35rem;
  overflow-wrap: anywhere;
}
.formulario-resultados__descricao {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 0.6rem;
}
.formulario-resultados__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.formulario-resultados__meta-item {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.4;
}
.formulario-resultados__meta-item strong {
  color: #0a3d5c;
  font-weight: 700;
}
.formulario-resultados__meta-item--anonimo {
  background-color: #e8f0f4;
  border-radius: 999px;
  color: #0a3d5c;
  font-weight: 600;
  padding: 0.2rem 0.65rem;
}
.formulario-resultados__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  min-height: 2.5rem;
  padding: 0.55rem 1.2rem;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  -o-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
@media (hover: hover) {
  .formulario-resultados__botao:hover:not([disabled]) {
    background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
    border-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  }
}
.formulario-resultados__botao:focus-visible {
  outline: 3px solid rgba(63, 165, 195, 0.5);
  outline-offset: 2px;
}
.formulario-resultados__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.formulario-resultados__botao {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
@media (hover: hover) {
  .formulario-resultados__botao:hover:not([disabled]) {
    background-color: #e8f0f4;
    border-color: #e8f0f4;
  }
}
.formulario-resultados__botao--carregar {
  min-height: 2.25rem;
  padding: 0.4rem 1rem;
}
.formulario-resultados__botao--link {
  min-height: 2.25rem;
  padding: 0.4rem 1rem;
}
.formulario-resultados__perguntas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.formulario-resultados__pergunta {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formulario-resultados__pergunta {
    padding: 1.5rem;
  }
}
.formulario-resultados__pergunta-topo {
  border-bottom: 1px solid #d8e0e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 901px) {
  .formulario-resultados__pergunta-topo {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.formulario-resultados__pergunta-titulo {
  color: #3a3a3a;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: anywhere;
}
.formulario-resultados__pergunta-numero {
  color: #086083;
}
.formulario-resultados__pergunta-meta {
  color: #6b7780;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.8rem;
  white-space: nowrap;
}
.formulario-resultados__nota {
  color: #6b7780;
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0 0 0.75rem;
}
.formulario-resultados__vazio {
  color: #6b7780;
  font-size: 0.85rem;
  font-style: italic;
  margin: 0;
}
.formulario-resultados__vazio--geral {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formulario-resultados__vazio--geral {
    padding: 1.5rem;
  }
}
.formulario-resultados__vazio--geral {
  font-style: normal;
  text-align: center;
}
.formulario-resultados__erro {
  color: #c2273f;
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0.4rem 0 0;
}
.formulario-resultados__barras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.formulario-resultados__barra-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  gap: 0.25rem 0.75rem;
  grid-template-areas: "rotulo valor" "trilho trilho";
  grid-template-columns: 1fr auto;
}
@media (min-width: 901px) {
  .formulario-resultados__barra-item {
    grid-template-areas: "rotulo trilho valor";
    grid-template-columns: minmax(8rem, 14rem) 1fr 6rem;
  }
}
.formulario-resultados__barra-rotulo {
  font-size: 0.85rem;
  grid-area: rotulo;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.formulario-resultados__barra-rotulo--nota {
  font-weight: 700;
}
@media (min-width: 901px) {
  .formulario-resultados__barra-rotulo--nota {
    text-align: right;
  }
}
.formulario-resultados__barra-trilho {
  background-color: #eef1f3;
  border-radius: 999px;
  grid-area: trilho;
  height: 0.9rem;
  overflow: hidden;
}
.formulario-resultados__barra {
  background-color: #3fa5c3;
  background-image: -webkit-gradient(linear, left top, right top, from(#0a3d5c), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #0a3d5c, #3fa5c3);
  background-image: linear-gradient(90deg, #0a3d5c, #3fa5c3);
  border-radius: 999px;
  height: 100%;
  min-width: 0;
  -webkit-transition: width 300ms ease;
  -o-transition: width 300ms ease;
  transition: width 300ms ease;
}
.formulario-resultados__barra-valor {
  color: #0a3d5c;
  font-size: 0.85rem;
  font-weight: 700;
  grid-area: valor;
  white-space: nowrap;
}
@media (min-width: 901px) {
  .formulario-resultados__barra-valor {
    text-align: left;
  }
}
.formulario-resultados__barra-pct {
  color: #6b7780;
  font-weight: 500;
}
.formulario-resultados__escala {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media (min-width: 901px) {
  .formulario-resultados__escala {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.formulario-resultados__escala .formulario-resultados__barras {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.formulario-resultados__media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e8f0f4;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 7rem;
  padding: 0.9rem 1.25rem;
}
.formulario-resultados__media-valor {
  color: #0a3d5c;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
}
.formulario-resultados__media-rotulo {
  color: #6b7780;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  margin-top: 0.3rem;
  text-transform: uppercase;
}
.formulario-resultados__textos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.formulario-resultados__texto {
  background-color: #fafbfc;
  border-left: 3px solid #3fa5c3;
  border-radius: 6px;
  padding: 0.7rem 0.9rem;
}
.formulario-resultados__texto-conteudo {
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 0.3rem;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.formulario-resultados__autor {
  color: #6b7780;
  font-size: 0.78rem;
  line-height: 1.3;
  margin: 0;
}
.formulario-resultados__autor-nome {
  color: #0a3d5c;
  font-weight: 600;
}
.formulario-resultados__galeria {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 601px) {
  .formulario-resultados__galeria {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 901px) {
  .formulario-resultados__galeria {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.formulario-resultados__arquivo {
  background-color: #fafbfc;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
  padding: 0.6rem;
}
.formulario-resultados__midia {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eef1f3;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 7rem;
  overflow: hidden;
  padding: 0.5rem;
}
.formulario-resultados__imagem {
  border-radius: 4px;
  display: block;
  height: auto;
  max-height: 18rem;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.formulario-resultados__audio {
  display: block;
  width: 100%;
}
.formulario-resultados__video {
  background-color: #000;
  border-radius: 4px;
  display: block;
  max-height: 18rem;
  max-width: 100%;
  width: 100%;
}
.formulario-resultados__arquivo-nome {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.midia-gravador {
  border: 1px dashed #d8e0e5;
  border-radius: 8px;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  margin-top: 0.75rem;
  padding: 0.75rem;
}
.midia-gravador__botoes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.midia-gravador__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  min-height: 2.5rem;
  padding: 0.55rem 1.2rem;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  -o-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
@media (hover: hover) {
  .midia-gravador__botao:hover:not([disabled]) {
    background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
    border-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  }
}
.midia-gravador__botao:focus-visible {
  outline: 3px solid rgba(63, 165, 195, 0.5);
  outline-offset: 2px;
}
.midia-gravador__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.midia-gravador__botao {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
@media (hover: hover) {
  .midia-gravador__botao:hover:not([disabled]) {
    background-color: #e8f0f4;
    border-color: #e8f0f4;
  }
}
.midia-gravador__botao {
  min-height: 2.25rem;
  padding: 0.4rem 1rem;
}
.midia-gravador__botao--gravando {
  background-color: #fbe9ec;
  border-color: #c2273f;
  color: #c2273f;
}
.midia-gravador__botao--gravando::before {
  -webkit-animation: midia-gravador-pulso 1s ease-in-out infinite;
          animation: midia-gravador-pulso 1s ease-in-out infinite;
  background-color: #c2273f;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 0.6rem;
  width: 0.6rem;
}
.midia-gravador__botao--primario {
  background-color: #0a3d5c;
  border-color: #0a3d5c;
  color: #fff;
}
.midia-gravador__contador {
  color: #6b7780;
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.midia-gravador__preview {
  background-color: #000;
  border-radius: 6px;
  display: block;
  margin-top: 0.75rem;
  max-height: 18rem;
  max-width: 100%;
  width: 100%;
}
.midia-gravador__preview--audio {
  background-color: transparent;
}
.midia-gravador__erro {
  color: #c2273f;
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0.5rem 0 0;
}
.midia-gravador__ajuda {
  color: #6b7780;
  font-size: 0.78rem;
  line-height: 1.4;
  margin: 0.4rem 0 0;
}

@-webkit-keyframes midia-gravador-pulso {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes midia-gravador-pulso {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.formulario-render {
  --primary: #0a3d5c;
  --primary-light: rgba(63, 165, 195, 0.12);
  --primary-foreground: #fff;
  --secondary: #3fa5c3;
  --background: #fff;
  --background-dim: #f4f6f7;
  --background-dim-light: #fafbfc;
  --foreground: #3a3a3a;
  --foreground-light: #6b7780;
  --border: #d8e0e5;
  --red: #c2273f;
  --red-light: #fbe9ec;
  --green: #2e8b57;
  --font-family: poppins, sans-serif;
  --base-unit: 8px;
  color: #3a3a3a;
  display: block;
  font-family: "poppins", sans-serif;
  min-width: 0;
  position: relative;
}
.formulario-render .sd-root-modern,
.formulario-render .sv-root-modern {
  --sjs-font-family: poppins, sans-serif;
  --sjs-general-backcolor: #fff;
  --sjs-general-backcolor-dim: #f4f6f7;
  --sjs-general-backcolor-dim-light: #fafbfc;
  --sjs-general-forecolor: #3a3a3a;
  --sjs-general-forecolor-light: #6b7780;
  --sjs-general-dim-forecolor: #3a3a3a;
  --sjs-general-dim-forecolor-light: #6b7780;
  --sjs-primary-backcolor: #0a3d5c;
  --sjs-primary-backcolor-light: rgba(63, 165, 195, 0.12);
  --sjs-primary-backcolor-dark: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  --sjs-primary-forecolor: #fff;
  --sjs-primary-forecolor-light: rgba(255, 255, 255, 0.5);
  --sjs-secondary-backcolor: #3fa5c3;
  --sjs-secondary-backcolor-light: rgba(63, 165, 195, 0.1);
  --sjs-secondary-backcolor-semi-light: rgba(63, 165, 195, 0.25);
  --sjs-secondary-forecolor: #fff;
  --sjs-border-default: #d8e0e5;
  --sjs-border-light: rgb(90.7058823529%, 92.6123680241%, 93.8039215686%);
  --sjs-border-inside: #d8e0e5;
  --sjs-special-red: #c2273f;
  --sjs-special-red-light: #fbe9ec;
  --sjs-special-green: #2e8b57;
  --sjs-special-green-light: #e3f4ea;
  --sjs-corner-radius: 10px;
  --sjs-base-unit: 8px;
  --sjs-font-size: 16px;
  --sjs-shadow-small: 0 1px 2px rgba(0, 0, 0, 0.1);
  --sjs-shadow-medium: 0 4px 14px rgba(0, 0, 0, 0.08);
  --sjs-shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  --sjs-article-font-default-fontFamily: poppins, sans-serif;
  background-color: transparent;
  font-family: "poppins", sans-serif;
}
.formulario-render .sd-container-modern {
  margin: 0;
  max-width: 100%;
}
.formulario-render .sd-body {
  max-width: 100% !important;
}
.formulario-render .sd-body.sd-body--static {
  padding-left: 0;
  padding-right: 0;
}
.formulario-render .sd-title.sd-container-modern__title {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.formulario-render__carregando, .formulario-render__erro, .formulario-render__concluido {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 1rem;
}
@media (min-width: 901px) {
  .formulario-render__carregando, .formulario-render__erro, .formulario-render__concluido {
    padding: 1.5rem;
  }
}
.formulario-render__carregando, .formulario-render__erro, .formulario-render__concluido {
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
.formulario-render__carregando {
  color: #6b7780;
}
.formulario-render__erro {
  border-left: 4px solid #c2273f;
  color: #c2273f;
  text-align: left;
}
.formulario-render__concluido {
  border-left: 4px solid #2e8b57;
  color: #0a3d5c;
}
.formulario-render .sd-input,
.formulario-render .sd-input:focus,
.formulario-render .sd-input:focus-within,
.formulario-render .sd-dropdown:focus,
.formulario-render .sd-dropdown:focus-within,
.formulario-render .sd-btn:focus-visible,
.formulario-render .sd-file__decorator:focus-within,
.formulario-render .sd-file__choose-btn:focus-visible,
.formulario-render .sd-file__drag-area-placeholder:focus-visible,
.formulario-render .sd-navigation__complete-btn:focus-visible {
  outline: none;
}
.formulario-render .sd-input:focus,
.formulario-render .sd-input:focus-within,
.formulario-render .sd-dropdown:focus,
.formulario-render .sd-dropdown:focus-within {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 2px rgba(63, 165, 195, 0.35);
          box-shadow: 0 0 0 2px rgba(63, 165, 195, 0.35);
}
.formulario-render .sd-btn:focus-visible,
.formulario-render .sd-file__choose-btn:focus-visible,
.formulario-render .sd-navigation__complete-btn:focus-visible {
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.45);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.45);
}
.formulario-render .sd-item__control:focus-visible + .sd-checkbox__decorator::before,
.formulario-render .sd-item__control:focus-visible + .sd-radio__decorator::before,
.formulario-render .sd-rating__item:focus-within,
.formulario-render .sd-rating__item--selected:focus-within {
  -webkit-box-shadow: 0 0 0 2px rgba(63, 165, 195, 0.55);
          box-shadow: 0 0 0 2px rgba(63, 165, 195, 0.55);
}
.formulario-render--leitura .sd-action-bar,
.formulario-render--leitura .sd-navigation__complete-btn,
.formulario-render--leitura .sd-footer {
  display: none !important;
}
.formulario-render--preview {
  background-color: #fafbfc;
  border-radius: 8px;
}

.formularios input:focus-visible,
.formularios textarea:focus-visible,
.formularios select:focus-visible,
.formularios input:focus,
.formularios textarea:focus,
.formularios select:focus,
.formularios .form-group__input:focus,
.formularios .form-group__input:focus-visible,
.formulario-builder input:focus-visible,
.formulario-builder textarea:focus-visible,
.formulario-builder select:focus-visible,
.formulario-builder input:focus,
.formulario-builder textarea:focus,
.formulario-builder select:focus,
.formulario-builder .form-group__input:focus,
.formulario-builder .form-group__input:focus-visible,
.formulario-render input:focus-visible,
.formulario-render textarea:focus-visible,
.formulario-render select:focus-visible,
.formulario-render input:focus,
.formulario-render textarea:focus,
.formulario-render select:focus,
.formulario-render .form-group__input:focus,
.formulario-render .form-group__input:focus-visible,
.formulario-resultados input:focus-visible,
.formulario-resultados textarea:focus-visible,
.formulario-resultados select:focus-visible,
.formulario-resultados input:focus,
.formulario-resultados textarea:focus,
.formulario-resultados select:focus,
.formulario-resultados .form-group__input:focus,
.formulario-resultados .form-group__input:focus-visible,
.midia-gravador input:focus-visible,
.midia-gravador textarea:focus-visible,
.midia-gravador select:focus-visible,
.midia-gravador input:focus,
.midia-gravador textarea:focus,
.midia-gravador select:focus,
.midia-gravador .form-group__input:focus,
.midia-gravador .form-group__input:focus-visible {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.35);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.35);
  outline: none;
  outline-offset: 0;
}
.formularios input[type=checkbox]:focus-visible,
.formularios input[type=radio]:focus-visible,
.formulario-builder input[type=checkbox]:focus-visible,
.formulario-builder input[type=radio]:focus-visible,
.formulario-render input[type=checkbox]:focus-visible,
.formulario-render input[type=radio]:focus-visible,
.formulario-resultados input[type=checkbox]:focus-visible,
.formulario-resultados input[type=radio]:focus-visible,
.midia-gravador input[type=checkbox]:focus-visible,
.midia-gravador input[type=radio]:focus-visible {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.55);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.55);
}

.formularios-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c2273f;
  border-radius: 999px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: 700;
  height: 1.15rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin-left: 0.4rem;
  min-width: 1.15rem;
  padding: 0 0.3rem;
  vertical-align: middle;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.formularios-badge--card {
  font-size: 0.75rem;
  height: 1.35rem;
  min-width: 1.35rem;
}

.landing-card-sub__botao--com-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chart-values {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 2.25rem;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.chart-values--is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chart-values__value-abs {
  font-size: 0.8rem;
  letter-spacing: -0.045em;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: contents;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 1rem;
  margin-top: 0em;
  text-align: center;
  font-weight: 400;
}
@media (max-width: 599px) {
  .chart-values__value-abs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.chart-values__value-abs-barra {
  font-size: 0.8em;
  margin: 0.25rem 0rem;
}
.chart-values__label {
  font-size: 0.75em;
  margin-top: 0.25em;
}
.chart-values__value-perc {
  font-weight: 700;
  margin-top: 0.5rem;
  font-size: 1.6rem !important;
}
.chart-values__value-perc-modulacao {
  font-weight: 700;
  font-size: 1.8rem !important;
}
.chart-values__perc {
  font-size: 0.9rem !important;
  color: #333 !important;
  line-height: 2rem !important;
}
.chart-values__perc-modulacao {
  font-size: 1.5rem !important;
  color: #333 !important;
  line-height: 3.1rem !important;
  margin-right: 0.5rem;
}
.chart-values__perc-barra {
  font-size: 1rem;
}

.bar-chart__title {
  border-bottom: 1px solid hsl(210, 24%, 14%);
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (min-width: 1201px) {
  .bar-chart__title {
    font-size: 1.15rem;
  }
}
.bar-chart__title {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.bar-chart__line {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.bar-chart__line:nth-child(1) [class*=__bar] {
  opacity: 1;
}
.bar-chart__line:nth-child(2) [class*=__bar] {
  opacity: 0.75;
}
.bar-chart__line:nth-child(3) [class*=__bar] {
  opacity: 0.5;
}
.bar-chart__line:nth-child(4) [class*=__bar] {
  opacity: 0.25;
}
.bar-chart__wifi {
  margin-left: 1rem;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.bar-chart__wifi path {
  fill: hsl(209, 14%, 44%);
}
.bar-chart__bar {
  background-color: #1A2E3D;
  display: block;
  height: 1em;
  min-width: 0.15em;
}
[class*=management] .bar-chart__bar {
  background-color: #5FB44D;
}
[class*=engagement] .bar-chart__bar {
  background-color: #F5BA2D;
}
[class*=kindness] .bar-chart__bar {
  background-color: #E61646;
}
[class*=resilience] .bar-chart__bar {
  background-color: #44A0D9;
}
[class*=openness] .bar-chart__bar {
  background-color: #765BA4;
}
.bar-chart__values {
  margin-left: 1.5rem;
}

.quadrant-chart .scale-up {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  -o-transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
.quadrant-chart .flip-container {
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.quadrant-chart .flip-container:hover .flipper {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  /* se quiser uma animação na vertical,
  troque por rotateX(180deg)
  */
}
.quadrant-chart .flipper {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.9s;
  transition: -webkit-transform 0.9s;
  -o-transition: transform 0.9s;
  transition: transform 0.9s;
  transition: transform 0.9s, -webkit-transform 0.9s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.quadrant-chart .front,
.quadrant-chart .back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.quadrant-chart__front {
  font-size: 2.25rem;
}
.quadrant-chart__front--valores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media (min-width: 901px) {
  .quadrant-chart__front--valores {
    right: 2rem;
  }
}
@media (max-width: 599px) {
  .quadrant-chart__front--valores {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.quadrant-chart__front--valores span {
  color: #333 !important;
}
.quadrant-chart__front__maior-incidencia {
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #fff;
  text-align: center;
}
.quadrant-chart__front__base {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #fff;
}
.quadrant-chart .back {
  padding: 1rem;
  font-weight: normal;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  padding: 1rem;
  width: 100%;
  height: 100%;
  font-size: 0.9rem;
  margin: auto;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.5098039216);
}
@media (max-width: 1199px) {
  .quadrant-chart .back {
    font-size: 0.75rem;
    padding: 0.5rem;
    letter-spacing: 1px;
    line-height: 2px;
    background-color: #000000;
    width: auto;
    height: 25rem;
    right: 0rem;
  }
}
.quadrant-chart .back span {
  line-height: 1.5;
}
.quadrant-chart__title {
  border-bottom: 1px solid hsl(210, 24%, 14%);
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (min-width: 1201px) {
  .quadrant-chart__title {
    font-size: 1.15rem;
  }
}
.quadrant-chart__title {
  margin-bottom: 1.5rem;
}
.quadrant-chart__chart {
  display: grid;
  gap: 5.5rem 5.5rem;
  grid-template-areas: "v4 q2 q2 q1 q1" "v3 q2 q2 q1 q1" "v2 q3 q3 q4 q4" "v1 q3 q3 q4 q4" "axis h1 h2 h3 h4";
  grid-template-columns: 0fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 4rem 4rem 4rem 4rem;
  width: 100%;
}
@media (min-width: 901px) {
  .quadrant-chart__chart {
    gap: 0.5rem 0.5rem;
    grid-template-rows: 6rem 6rem 6rem 6rem;
  }
}
.quadrant-chart__chart-circumplexo {
  display: grid;
  gap: 0.5rem 5.5rem;
  grid-template-areas: "v4 q2 q2 q1 q1" "v3 q2 q2 q1 q1" "v2 q3 q3 q4 q4" "v1 q3 q3 q4 q4" "axis h1 h2 h3 h4";
  grid-template-columns: 0fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 4rem 4rem 4rem 4rem 4rem;
  width: 100%;
}
.quadrant-chart__axis {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-area: axis;
  height: 100%;
  padding: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-self: center;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  width: 100%;
}
.quadrant-chart__axis-meassure {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0.5rem 0;
  position: relative;
  text-align: center;
}
.quadrant-chart__axis-meassure:first-child::before, .quadrant-chart__axis-meassure:last-child::before {
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  content: "";
  position: absolute;
}
.quadrant-chart__axis-meassure:first-child::before {
  border-bottom-color: currentColor;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.quadrant-chart__axis-meassure:last-child::before {
  border-left-color: currentColor;
  bottom: 50%;
  left: 100%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.quadrant-chart__axis-meassure[class*=engagement]::before {
  color: #F5BA2D;
}
.quadrant-chart__axis-meassure[class*=kindness]::before {
  color: #E61646;
}
.quadrant-chart__axis-meassure[class*=management]::before {
  color: #5FB44D;
}
.quadrant-chart__axis-meassure[class*=openness]::before {
  color: #765BA4;
}
.quadrant-chart__axis-meassure[class*=resilience]::before {
  color: #44A0D9;
}
.quadrant-chart__axis-horizontal {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 5;
  grid-row-end: -1;
  height: 0.15rem;
  justify-self: flex-end;
  width: calc(100% - 10rem);
}
.quadrant-chart__axis-horizontal::before {
  border-color: transparent transparent transparent currentColor;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.quadrant-chart__axis-vertical {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 6;
  height: calc(100% - 10rem);
  justify-self: flex-end;
  width: 0.15rem;
}
.quadrant-chart__axis-vertical::before {
  border-color: transparent transparent currentColor transparent;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.quadrant-chart__axis-vertical, .quadrant-chart__axis-horizontal {
  background-color: currentColor;
  color: hsl(211, 10%, 66%);
  opacity: 0.5;
  position: relative;
}
.quadrant-chart__axis-vertical::before, .quadrant-chart__axis-horizontal::before {
  border-style: solid;
  border-width: 0.5rem;
  content: "";
  position: absolute;
}
.quadrant-chart__axis-vertical[class*=engagement], .quadrant-chart__axis-horizontal[class*=engagement] {
  color: #F5BA2D;
  background-color: currentColor;
}
.quadrant-chart__axis-vertical[class*=kindness], .quadrant-chart__axis-horizontal[class*=kindness] {
  color: #E61646;
  background-color: currentColor;
}
.quadrant-chart__axis-vertical[class*=management], .quadrant-chart__axis-horizontal[class*=management] {
  color: #5FB44D;
  background-color: currentColor;
}
.quadrant-chart__axis-vertical[class*=openness], .quadrant-chart__axis-horizontal[class*=openness] {
  color: #765BA4;
  background-color: currentColor;
}
.quadrant-chart__axis-vertical[class*=resilience], .quadrant-chart__axis-horizontal[class*=resilience] {
  color: #44A0D9;
  background-color: currentColor;
}
.quadrant-chart__wifi path {
  fill: hsl(209, 14%, 44%);
}
.quadrant-chart__wifi--v {
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
}
.quadrant-chart__wifi--v[class*=wifi--1] {
  grid-area: v1;
}
.quadrant-chart__wifi--v[class*=wifi--2] {
  grid-area: v2;
}
.quadrant-chart__wifi--v[class*=wifi--3] {
  grid-area: v3;
}
.quadrant-chart__wifi--v[class*=wifi--4] {
  grid-area: v4;
}
.quadrant-chart__wifi--h {
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
}
.quadrant-chart__wifi--h[class*=wifi--1] {
  grid-area: h1;
}
.quadrant-chart__wifi--h[class*=wifi--2] {
  grid-area: h2;
}
.quadrant-chart__wifi--h[class*=wifi--3] {
  grid-area: h3;
}
.quadrant-chart__wifi--h[class*=wifi--4] {
  grid-area: h4;
}
.quadrant-chart__quad {
  position: relative;
  text-align: left;
  line-height: 0.8rem;
}
.quadrant-chart__quad > * {
  pointer-events: none;
  position: relative;
  z-index: 2;
}
.quadrant-chart__quad span {
  line-height: 1.1rem;
  font-size: 0.8rem;
}
.quadrant-chart__quad--autogestao {
  color: #60b34b;
  font-size: 1.1rem !important;
}
.quadrant-chart__quad--abertura {
  color: #765ba3;
  font-size: 1.1rem !important;
}
.quadrant-chart__quad--engajamento {
  color: #f5ba30;
  font-size: 1.1rem !important;
}
.quadrant-chart__quad--amabilidade {
  color: #e62542;
  font-size: 1.1rem !important;
}
@media (max-width: 599px) {
  .quadrant-chart__quad {
    display: none;
  }
}
.quadrant-chart__quad-mobile {
  position: relative;
  text-align: center;
  line-height: 0.8rem;
  display: none;
}
.quadrant-chart__quad-mobile > * {
  pointer-events: none;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quadrant-chart__quad-mobile span {
  font-size: 1rem;
}
.quadrant-chart__quad-mobile--autogestao {
  color: #60b34b;
  font-size: 1.4rem !important;
  margin-top: 1rem;
}
.quadrant-chart__quad-mobile--abertura {
  color: #765ba3;
  font-size: 1.4rem !important;
  margin-top: 0.5rem;
}
.quadrant-chart__quad-mobile--engajamento {
  color: #f5ba30;
  font-size: 1.4rem !important;
  margin-top: 1rem;
}
.quadrant-chart__quad-mobile--amabilidade {
  color: #e62542;
  font-size: 1.4rem !important;
  margin-top: 0.5rem;
}
@media (max-width: 1199px) {
  .quadrant-chart__quad-mobile {
    display: none;
  }
  .quadrant-chart__quad-mobile--desabilitado {
    display: none;
  }
}
@media (max-width: 899px) {
  .quadrant-chart__quad-mobile {
    display: none;
  }
  .quadrant-chart__quad-mobile--desabilitado {
    display: none;
  }
}
@media (max-width: 599px) {
  .quadrant-chart__quad-mobile {
    display: block;
  }
  .quadrant-chart__quad-mobile--desabilitado {
    display: block;
  }
}
.quadrant-chart__quad-mobile--setas {
  width: 10rem;
  padding: 1rem;
}
.quadrant-chart__quad-mobile--textos {
  width: 15rem;
  padding: 1rem;
}
@media (max-width: 599px) {
  .quadrant-chart__quad-mobile--textos {
    width: 100%;
  }
}
.quadrant-chart__desc {
  bottom: 0;
  left: 0;
  pointer-events: initial;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.quadrant-chart__desc .back {
  width: 65%;
  display: block;
  margin-left: 30%;
}
.quadrant-chart__desc .back :first-child() {
  font-weight: bold;
  color: #60b34b;
}
.quadrant-chart__desc .back :nth-child(3) {
  font-weight: bold;
  color: #765ba3;
}
.quadrant-chart__desc::before, .quadrant-chart__desc::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.quadrant-chart__desc::after {
  background-color: hsla(210, 24%, 14%, 0.95);
  opacity: 0;
  z-index: 3;
}
[class*="--1"] .quadrant-chart__desc::before {
  background-color: hsla(211, 12%, 58%, 0.5);
}
[class*="--2"] .quadrant-chart__desc::before {
  background-color: hsla(209, 18%, 35%, 0.5);
}
[class*="--3"] .quadrant-chart__desc::before {
  background-color: hsla(210, 24%, 14%, 0.5);
}
[class*="--4"] .quadrant-chart__desc::before {
  background-color: hsla(209, 18%, 35%, 0.5);
}
.quadrant-chart__text {
  color: hsl(210, 15%, 96%);
  left: 50%;
  line-height: 1.25;
  opacity: 0;
  overflow: hidden;
  padding: 1.5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -45%);
      -ms-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100%;
  z-index: 4;
}
.quadrant-chart__input:checked ~ [class*=__desc] {
  z-index: 99;
}
.quadrant-chart__input:checked ~ [class*=__desc]::after {
  opacity: 0.85;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.quadrant-chart__input:checked ~ [class*=__desc] [class*=__text] {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.quadrant-chart-descSpan {
  margin-top: 10px;
  display: block;
}

.progresso-rosca {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
  height: 52px;
}
@media (max-width: 899px) {
  .progresso-rosca {
    position: absolute;
    top: 0;
    right: 0;
    margin: 2rem 2rem 0 0;
    width: 60px;
    height: 60px;
  }
}
.progresso-rosca__svg {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.progresso-rosca__trilha, .progresso-rosca__valor {
  fill: none;
  stroke-width: 3.5;
}
.progresso-rosca__trilha {
  stroke: #E6E6E6;
}
.progresso-rosca__valor {
  stroke: #60B34B;
  stroke-linecap: round;
  -webkit-transition: stroke-dasharray 0.4s ease;
  -o-transition: stroke-dasharray 0.4s ease;
  transition: stroke-dasharray 0.4s ease;
}
.progresso-rosca__texto {
  position: absolute;
  font-weight: 700;
  font-size: 14px;
  color: #808080;
}

.content {
  padding-top: 1.5rem;
}
.content__render {
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
          box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
  height: 45rem;
  position: relative;
  -webkit-transition: 800ms cubic-bezier(0.45, 0.46, 0.45, 0.94);
  -o-transition: 800ms cubic-bezier(0.45, 0.46, 0.45, 0.94);
  transition: 800ms cubic-bezier(0.45, 0.46, 0.45, 0.94);
  -webkit-transition: 800ms var(--ease-out-quad);
  -o-transition: 800ms var(--ease-out-quad);
  transition: 800ms var(--ease-out-quad);
  width: 100%;
}
@media (max-width: 1199px) {
  .content__render {
    margin: 0;
    margin: 0 0 0 1rem;
  }
}
@media (max-width: 899px) {
  .content__render {
    width: 100%;
    margin: 0;
    position: absolute;
  }
}
.content__render--fade-out {
  display: none;
}
.content__title {
  font-weight: 400;
}
.content__title-class {
  font-size: 0.85rem;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 0.25rem;
}
@media (min-width: 601px) {
  .content__title-class {
    border-right: 1px solid currentColor;
    font-size: inherit;
    font-style: normal;
    margin-bottom: 0;
    margin-right: 0.5rem;
    padding-right: 0.5rem;
  }
}
.content__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: hsl(209, 20%, 26%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.15rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .content__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (orientation: landscape) and (max-height: 599px) {
  .content__header {
    font-size: 0.85rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.content--quiz {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  padding: 1rem 0.5rem;
  width: 100%;
  background-color: #fff;
}
@media (min-width: 601px) {
  .content--quiz {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 901px) {
  .content--quiz {
    background-color: none;
  }
}
.content--quiz .content__header {
  color: hsl(209, 14%, 44%);
}
.content--feedback {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  visibility: hidden;
  width: 100%;
  z-index: 10;
}
.content--feedback .content__video-container {
  max-width: 85vw;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  z-index: 9;
}
.content--feedback .content__feedback-close {
  color: hsl(210, 15%, 96%);
  font-size: 1.6rem;
  opacity: 0.8;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 11;
}
.content--feedback::before {
  background-color: hsl(210, 24%, 14%);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100%;
  z-index: -1;
}
.content--feedback--is-show {
  opacity: 1;
  overflow: hidden;
  -webkit-transition-delay: 100ms;
       -o-transition-delay: 100ms;
          transition-delay: 100ms;
  visibility: visible;
  z-index: 9999;
}
.content--feedback--is-show .content__video-container {
  opacity: 1;
  -webkit-transition-delay: 500ms;
       -o-transition-delay: 500ms;
          transition-delay: 500ms;
}
.content--feedback--is-show::before {
  opacity: 0.95;
}
.content--feedback .video {
  height: auto;
  margin-top: 25%;
}
.content--video {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 45rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
          box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
}
@media (max-width: 1199px) {
  .content--video {
    height: 100%;
    padding: 1.5rem;
  }
}
@media (max-width: 599px) {
  .content--video {
    position: relative;
    height: auto;
    display: inline-block;
    margin: auto;
    width: 100%;
  }
}
.content--video .content__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(16 * 56.25% / 9);
}
[class*=nav-is-show] .content--video {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  max-width: none;
}
.content--video-sugestao {
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
          box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
  margin: 1.65rem 0rem 0rem 1.65rem;
  padding: 1rem;
  width: 98%;
  height: 100%;
  z-index: 9999;
}
@media (max-width: 899px) {
  .content--video-sugestao {
    margin: 0 !important;
    width: 100%;
  }
}
.content--rubric {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-height: claC(100%-4.5rem);
  padding-top: 0;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
@media (min-width: 601px) {
  .content--rubric {
    height: 100%;
  }
}

.header {
  z-index: 300;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(210, 15%, 8%);
  color: hsl(214, 15%, 93%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 4.5rem;
  position: relative;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100%;
}
.header--is-show {
  height: 100%;
}
@media (min-width: 901px) {
  .header {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 1.5rem;
    position: relative;
  }
}
@media (min-width: 1201px) {
  .header {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    padding: 0 3rem;
  }
}
@media (min-width: 1801px) {
  .header {
    padding: 0 3.75rem;
  }
}
.header__logo {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 2rem;
  width: 13rem;
  vertical-align: bottom;
  position: relative;
  left: 1rem;
}
@media (max-width: 599px) {
  .header__logo {
    width: 8rem !important;
    margin-right: 1rem;
    margin-top: initial !important;
  }
}
@media (max-width: 899px) {
  .header__logo {
    margin-top: 1.5rem;
    width: 10rem;
  }
}
@media (max-width: 1199px) {
  .header__logo {
    margin-top: 0.2rem;
    width: 10rem;
  }
}
@media (max-width: 1799px) {
  .header__logo {
    margin-top: 0em;
    width: 10rem;
    left: 0;
  }
}
.header__logo-symbol {
  fill: #ee7566;
}
.header__logo-type {
  color: #fff;
  fill: #fff;
}
.header__info-icon {
  width: 20px;
  height: 20px;
  margin: 0 2rem 0 0;
  cursor: help;
}
@media (max-width: 899px) {
  .header__info-icon {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.header__mode-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.header__mode-container-aux-info {
  font-size: 10px;
  margin: 0 1rem 5px 0;
  letter-spacing: 1px;
  color: hsl(210, 15%, 96%);
}
@media print {
  .header {
    display: none !important;
    border-bottom: 1px solid hsl(210, 16%, 85%);
  }
  .header tspan {
    fill: hsl(210, 15%, 8%);
  }
}

.header-pilares {
  width: 100%;
  height: 5.5rem !important;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  display: block;
  z-index: 9999;
  margin: 0 0 2.5rem 0;
  z-index: 9999999;
}
@media (max-width: 599px) {
  .header-pilares {
    margin-bottom: 0;
  }
}
.header-pilares--noMargin {
  margin: 0;
}
@media (max-width: 899px) {
  .header-pilares {
    height: 7rem !important;
  }
}
@media (max-width: 599px) {
  .header-pilares {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.header-pilares__grid {
  width: 60%;
  margin: auto;
  height: 5.5rem !important;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  display: block;
  z-index: 9999;
  border-radius: 0px 20px;
  margin: 50px auto;
}
@media (max-width: 599px) {
  .header-pilares__grid {
    width: 95% !important;
    margin: auto;
  }
}
@media (max-width: 899px) {
  .header-pilares__grid {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 1199px) {
  .header-pilares__grid {
    width: 90%;
    margin: auto;
  }
}
@media (max-width: 1799px) {
  .header-pilares__grid {
    width: 100%;
    margin: auto;
  }
}
.header-pilares__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 1.1rem 0rem;
  width: 1140px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  gap: 1rem;
}
@media (max-width: 1199px) {
  .header-pilares__wrapper {
    width: 100%;
    padding: 1.5rem;
  }
}
@media (max-width: 899px) {
  .header-pilares__wrapper {
    padding: 1.5rem;
  }
}
@media (max-width: 599px) {
  .header-pilares__wrapper {
    padding: 0rem 1.1rem;
  }
}
.header-pilares__coreskills {
  margin-left: 1rem;
  -ms-flex-item-align: center;
      align-self: center;
  padding-bottom: 0.5rem;
}
@media (max-width: 899px) {
  .header-pilares__coreskills {
    display: none;
  }
}
.header-pilares__logo-container {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
@media (max-width: 1199px) {
  .header-pilares__logo-container {
    max-width: 100px;
  }
}
@media (max-width: 899px) {
  .header-pilares__logo-container {
    max-width: none;
  }
}
.header-pilares__logo {
  max-width: 4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 899px) {
  .header-pilares__logo {
    max-width: 3rem;
    margin-right: 1rem;
  }
}
@media (max-width: 599px) {
  .header-pilares__logo {
    display: none;
  }
}
.header-pilares__logo--coreskills {
  max-width: 15rem !important;
  max-height: auto;
  margin-right: 0rem;
}
.header-pilares__logo-m {
  width: 10rem;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  display: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 899px) {
  .header-pilares__logo-m {
    display: none;
  }
}
@media (max-width: 599px) {
  .header-pilares__logo-m {
    display: block !important;
    width: 15%;
  }
}
.header-pilares__menu-m {
  width: 12rem;
  display: none;
  background-repeat: no-repeat;
  height: 3rem;
  margin-top: 1rem;
  cursor: pointer;
}
@media (max-width: 599px) {
  .header-pilares__menu-m {
    display: block;
  }
}
.header-pilares__menu-m--box {
  display: none;
  position: absolute;
  top: 0;
  margin-left: 1rem;
}
@media (max-width: 899px) {
  .header-pilares__menu-m--box {
    display: block !important;
  }
}
@media (max-width: 899px) {
  .header-pilares__menu-m--box {
    top: -48px;
  }
}
@media (max-width: 599px) {
  .header-pilares__menu-m--box {
    top: -61px;
    margin-left: 0.25rem;
  }
}
.header-pilares__menu-m--box--linha {
  width: 35px;
  left: -3px;
}
@media (max-width: 1440px) {
  .header-pilares__menu-m--box--linha {
    width: 25px !important;
    left: 0px;
  }
}
.header-pilares__menu-m--box .menuToggle {
  display: block;
  position: relative;
  top: 100px;
  left: 20px;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
@media (max-width: 1799px) {
  .header-pilares__menu-m--box .menuToggle {
    left: 18px;
  }
}
@media (max-width: 2199px) {
  .header-pilares__menu-m--box .menuToggle {
    display: none;
  }
}
@media (max-width: 1199px) {
  .header-pilares__menu-m--box .menuToggle {
    display: none;
  }
}
@media (max-width: 899px) {
  .header-pilares__menu-m--box .menuToggle {
    display: block;
  }
}
@media (max-width: 599px) {
  .header-pilares__menu-m--box .menuToggle {
    display: block;
    color: #fff;
    z-index: 999999999;
  }
}
.header-pilares__menu-m--box .menuToggle a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 1.12rem;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.header-pilares__menu-m--box .menuToggle a:hover {
  color: tomato;
}
.header-pilares__menu-m--box .menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}
.header-pilares__menu-m--box .menuToggle span {
  display: block;
  width: 30px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-radius: 3px;
  z-index: 1;
  -webkit-transform-origin: 4px 0px;
      -ms-transform-origin: 4px 0px;
          transform-origin: 4px 0px;
  -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.header-pilares__menu-m--box .menuToggle span :first-child {
  width: 40px;
}
.header-pilares__menu-m--box .menuToggle-full span {
  background-color: #ffffff;
}
.header-pilares__menu-m--box .menuToggle span:first-child {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
.header-pilares__menu-m--box .menuToggle span:nth-last-child(2) {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
.header-pilares__menu-m--box .menuToggle input:checked ~ span {
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(-1px, 1px);
      -ms-transform: rotate(45deg) translate(-1px, 1px);
          transform: rotate(45deg) translate(-1px, 1px);
  background: #fff;
}
.header-pilares__menu-m--box .menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
      -ms-transform: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}
.header-pilares__menu-m--box .menuToggle input:checked ~ span:nth-last-child(2) {
  -webkit-transform: rotate(-45deg) translate(0, -1px);
      -ms-transform: rotate(-45deg) translate(0, -1px);
          transform: rotate(-45deg) translate(0, -1px);
}
.header-pilares__menu-m--box .menu {
  position: absolute;
  width: 50vw;
  top: -3rem;
  left: -3rem;
  padding-top: 125px;
  height: 105vh;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: translate(-110%, 0);
      -ms-transform: translate(-110%, 0);
          transform: translate(-110%, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  -webkit-box-shadow: 20px 20px 200px 0px rgba(0, 0, 0, 0.3), 15px 15px 30px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 20px 20px 200px 0px rgba(0, 0, 0, 0.3), 15px 15px 30px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1199px) {
  .header-pilares__menu-m--box .menu {
    top: -3rem;
    left: -7rem;
  }
}
@media (max-width: 599px) {
  .header-pilares__menu-m--box .menu {
    width: 82vw;
    top: -3.75rem !important;
    height: 101vh;
  }
}
@media (max-width: 1440px) {
  .header-pilares__menu-m--box .menu {
    left: -7rem;
    top: -3rem;
  }
}
.header-pilares__menu-m--box .menu--adulto {
  background: #1A2E3D;
}
.header-pilares__menu-m--box .menu--medio-3 {
  background: #3FA5C3;
}
.header-pilares__menu-m--box .menu--medio-2 {
  background: #C23E64;
}
.header-pilares__menu-m--box .menu--medio-1 {
  background: #546B43;
}
.header-pilares__menu-m--box .menu--fundamental-9 {
  background: #3E50C2;
}
.header-pilares__menu-m--box .menu--fundamental-8 {
  background: #FF6159;
}
.header-pilares__menu-m--box .menu--fundamental-7 {
  background: #C29E3E;
}
.header-pilares__menu-m--box .menu--fundamental-6 {
  background: #3EC2B6;
}
.header-pilares__menu-m--box .menu--setorpublico {
  background: #28346F;
}
.header-pilares__menu-m--box .menu--infantil {
  background: #8771AB;
}
.header-pilares__menu-m--box .menu li, .header-pilares__menu-m--box a {
  padding: 10px 0;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
}
.header-pilares__menu-m--box .menu li div, .header-pilares__menu-m--box a div {
  padding: 0 0.5rem;
}
.header-pilares__menu-m--box .header-pilares__menu-m-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: -1;
}
.header-pilares__menu-m--box .menuToggle input:checked ~ .header-pilares__menu-m-backdrop {
  display: block;
}
.header-pilares__menu-m--box .menuToggle input:checked ~ ul.menu {
  position: fixed;
  top: 0 !important;
  left: 0;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  z-index: 0;
}
.header-pilares__menu-m--box .menuToggle:has(> input:checked) {
  position: fixed;
  top: 41px;
  left: 22px;
  z-index: 2;
}
.header-pilares__menu-m--box .menuToggle input:checked ~ ul {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.header-pilares__nav {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6B6B6B;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (min-width: 2201px) {
  .header-pilares__nav {
    margin-right: 0;
  }
}
@media (max-width: 1799px) {
  .header-pilares__nav {
    margin-right: 0;
  }
}
@media (max-width: 899px) {
  .header-pilares__nav {
    display: block;
  }
}
@media (max-width: 599px) {
  .header-pilares__nav {
    display: none;
  }
}
.header-pilares__nav > ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
@media (min-width: 2201px) {
  .header-pilares__nav > ul {
    gap: 2.5rem;
  }
}
@media (max-width: 1799px) {
  .header-pilares__nav > ul {
    gap: 2.5rem;
  }
}
@media (max-width: 1500px) {
  .header-pilares__nav > ul {
    gap: 2rem;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav > ul {
    gap: 1rem;
  }
}
.header-pilares__nav-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2rem;
  position: relative;
  text-align: center;
}
@media (max-width: 1799px) {
  .header-pilares__nav-item {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav-item {
    font-size: 12px;
    text-align: right;
  }
}
@media (max-width: 1380px) {
  .header-pilares__nav-item {
    white-space: initial;
  }
}
@media (max-width: 599px) {
  .header-pilares__nav-item {
    text-align: left;
  }
}
.header-pilares__nav-item-expanded {
  color: #fff;
}
.header-pilares__nav-item-expanded > span {
  z-index: 999999999;
}
.header-pilares__nav-item-expanded-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  top: 0;
  margin: 1.4rem 1rem 1rem 1.2rem;
  right: 0;
}
.header-pilares__nav-item--has-subitem > img {
  width: 13px;
  height: 7px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 1rem;
}
@media (max-width: 1199px) {
  .header-pilares__nav-item--has-subitem > img {
    width: 14px;
    height: auto;
    margin: 0 0 0 0.5rem;
  }
}
.header-pilares__nav-item--has-subitem .not-selected {
  width: 19px;
  height: 16px;
  margin: 0 0 0 0.5rem;
}
.header-pilares__nav-item--is-active {
  color: hsl(210, 15%, 96%);
  padding: 9px 1.2rem 9px 1.2rem;
  border-radius: 10px;
}
.header-pilares__nav-item--is-active .header-pilares__nav-submenu {
  top: -0.8rem !important;
  left: -0.8rem !important;
  min-width: 130%;
}
@media (max-width: 1199px) {
  .header-pilares__nav-item--is-active .header-pilares__nav-submenu {
    top: 0.2rem !important;
    left: 0.4rem !important;
    min-width: 170%;
  }
}
.header-pilares__nav-item-negativeColor-when-open {
  color: white !important;
}
.header-pilares__nav-item--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.header-pilares__nav-item--disabled:hover {
  opacity: 0.5 !important;
}
.header-pilares__nav-submenu {
  position: absolute;
  top: -1.4rem;
  display: none;
  width: 110%;
  left: -2rem;
  padding: 4rem 2rem 1rem 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  border-radius: 0px 20px;
  z-index: 500;
  color: hsl(210, 15%, 96%);
  -webkit-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}
@media (min-width: 1201px) {
  .header-pilares__nav-submenu {
    width: 18rem !important;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav-submenu {
    top: -0.2rem !important;
    left: -0.6rem !important;
  }
}
@media (max-width: 1920px) {
  .header-pilares__nav-submenu {
    width: auto;
    min-width: 175%;
    max-width: 250%;
  }
}
@media (max-width: 1440px) {
  .header-pilares__nav-submenu {
    font-size: 12px;
  }
}
@media (max-width: 1380px) {
  .header-pilares__nav-submenu {
    width: 125%;
    -webkit-transform: translate(-10%, -10%);
        -ms-transform: translate(-10%, -10%);
            transform: translate(-10%, -10%);
  }
}
@media (max-width: 1270px) {
  .header-pilares__nav-submenu {
    width: 130%;
    white-space: initial;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav-submenu {
    font-size: 12px;
  }
}
@media (max-width: 1145px) {
  .header-pilares__nav-submenu {
    width: 140%;
    white-space: initial;
  }
}
.header-pilares__nav-submenu--open {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1799px) {
  .header-pilares__nav-submenu--open {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (max-width: 2199px) {
  .header-pilares__nav-submenu--open {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (max-width: 599px) {
  .header-pilares__nav-submenu--open {
    display: contents;
  }
}
.header-pilares__nav-submenu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header-pilares__nav-submenu > ul > a > li,
.header-pilares__nav-submenu > ul li {
  padding: 1rem;
  text-align: left;
  line-height: 1.4rem;
  font-weight: 300;
}
.header-pilares__nav-m {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #808080;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 3.4rem;
  margin-top: 10px;
}
@media (min-width: 2201px) {
  .header-pilares__nav-m {
    margin-right: 0;
  }
}
@media (max-width: 1799px) {
  .header-pilares__nav-m {
    margin-right: 4rem;
    margin-left: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 899px) {
  .header-pilares__nav-m {
    display: none;
  }
}
@media (max-width: 599px) {
  .header-pilares__nav-m {
    display: block;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header-pilares__nav-m > ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.2rem;
}
@media (min-width: 2201px) {
  .header-pilares__nav-m > ul {
    gap: 5rem;
  }
}
@media (max-width: 1799px) {
  .header-pilares__nav-m > ul {
    gap: 3rem;
  }
}
@media (max-width: 1500px) {
  .header-pilares__nav-m > ul {
    display: block;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav-m > ul {
    display: block;
  }
}
@media (max-width: 599px) {
  .header-pilares__nav-m > ul {
    display: block;
  }
}
.header-pilares__nav-m-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2rem;
  position: relative;
  text-align: center;
}
@media (max-width: 1799px) {
  .header-pilares__nav-m-item {
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav-m-item {
    font-size: 12px;
    text-align: right;
  }
}
@media (max-width: 1380px) {
  .header-pilares__nav-m-item {
    white-space: initial;
  }
}
.header-pilares__nav-m-item-expanded {
  color: #808080;
}
.header-pilares__nav-m-item-expanded > span {
  z-index: 999999999;
}
.header-pilares__nav-m-item-expanded-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  top: 0;
  margin: 1.3rem 1rem 1rem 1.2rem;
  right: 0;
}
.header-pilares__nav-m-item--has-subitem > img {
  width: 16px;
  height: 9px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 1rem;
}
@media (max-width: 1199px) {
  .header-pilares__nav-m-item--has-subitem > img {
    width: 14px;
    height: auto;
    margin: 0 0 0 0.5rem;
  }
}
.header-pilares__nav-m-item--is-active {
  color: hsl(210, 15%, 96%);
  padding: 9px 1.2rem 9px 1.2rem;
  border-radius: 10px;
}
.header-pilares__nav-m-submenu {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  left: 0;
  padding: 0;
  margin-top: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  border-radius: 0px 20px;
  z-index: 500;
  color: hsl(210, 15%, 96%);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, -webkit-transform 0.25s linear;
  transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, -webkit-transform 0.25s linear;
  -o-transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, transform 0.25s linear;
  transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, transform 0.25s linear;
  transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, transform 0.25s linear, -webkit-transform 0.25s linear;
}
@media (max-width: 1920px) {
  .header-pilares__nav-m-submenu {
    width: 100%;
    min-width: initial;
    max-width: none;
  }
}
@media (max-width: 1440px) {
  .header-pilares__nav-m-submenu {
    font-size: 12px;
  }
}
@media (max-width: 1380px) {
  .header-pilares__nav-m-submenu {
    width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media (max-width: 1270px) {
  .header-pilares__nav-m-submenu {
    width: 100%;
    white-space: initial;
  }
}
@media (max-width: 1199px) {
  .header-pilares__nav-m-submenu {
    font-size: 12px;
  }
}
@media (max-width: 1145px) {
  .header-pilares__nav-m-submenu {
    width: 100%;
    white-space: initial;
  }
}
.header-pilares__nav-m-submenu--open {
  display: block !important;
  max-height: 24rem;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  padding: 0.75rem 0 0.5rem 0;
}
@media (max-width: 599px) {
  .header-pilares__nav-m-submenu--open {
    display: block !important;
  }
}
@media (max-width: 2199px) {
  .header-pilares__nav-m-submenu--open {
    display: block;
  }
}
@media (max-width: 1799px) {
  .header-pilares__nav-m-submenu--open {
    display: block;
  }
}
.header-pilares__nav-m-submenu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header-pilares__nav-m-submenu > ul > a > li,
.header-pilares__nav-m-submenu > ul li {
  padding: 1rem;
  text-align: left;
  line-height: 1.4rem;
  font-weight: 300;
}
.header-pilares__nav-m-submenu--open {
  display: contents !important;
}
.header-pilares__nav-m-submenu--item {
  font-size: 1.25rem;
  margin: 1.5rem 0 1.5rem 0.5rem;
}
.header-pilares__nav-m .tab img {
  display: block;
  width: 4%;
  display: inline-block;
}
.header-pilares__nav-m .tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.header-pilares__nav-m .tab__content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.header-pilares__nav-m .tab__content.header-pilares__nav-m-submenu {
  -webkit-transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, -webkit-transform 0.25s linear;
  transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, -webkit-transform 0.25s linear;
  -o-transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, transform 0.25s linear;
  transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, transform 0.25s linear;
  transition: max-height 0.25s linear, opacity 0.25s linear, padding 0.25s linear, transform 0.25s linear, -webkit-transform 0.25s linear;
}
.header-pilares__nav-m .tab input:checked ~ .tab__content {
  max-height: 10rem;
  width: 100% !important;
  display: block;
}
.header-pilares__nav-m .tab input:checked ~ .tab__content.header-pilares__nav-m-submenu,
.header-pilares__nav-m .header-pilares__nav-m-submenu--open {
  max-height: 24rem;
  width: 100% !important;
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
  padding: 0.75rem 0 0.5rem 0;
}
.header-pilares__nav-m .tab__admin {
  color: #c4d49f !important;
}
.header-pilares__nav-m .tab__disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.header-pilares__nav-m .tab__disabled:hover {
  opacity: 0.5 !important;
}
.header-pilares__nav-m .tab__disabled .tab__label {
  border-left: 2px solid #ffffff;
}
.header-pilares__nav-m {
  /* Visual styles */
}
.header-pilares__nav-m .accordion {
  color: #f01;
  border: 2px solid;
  border-radius: 0.5rem;
  overflow: hidden;
}
.header-pilares__nav-m .tab__label,
.header-pilares__nav-m .tab__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  font-size: 1.5rem;
  cursor: pointer;
}
.header-pilares__nav-m .tab__label {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.5rem 0 0;
  display: inline-block;
  border-left: 4px solid white;
  border-radius: 3px;
  padding-left: 0.5rem;
}
.header-pilares__nav-m .tab__label::after {
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.header-pilares__nav-m .tab input:checked + .tab__label::after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.header-pilares__nav-m .tab__content p {
  margin: 0;
  padding: 1rem;
}
.header-pilares__nav-m .tab__close {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.header-pilares__nav-m .accordion--radio {
  --theme: var(--secondary);
}
.header-pilares__nav-m {
  /* Arrow animation */
}
.header-pilares__nav-m .tab input:not(:checked) + .tab__label:hover::after {
  -webkit-animation: bounce 0.5s infinite;
  animation: bounce 0.5s infinite;
}
@-webkit-keyframes bounce {
  25% {
    -webkit-transform: rotate(90deg) translate(0.25rem);
            transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    -webkit-transform: rotate(90deg) translate(-0.25rem);
            transform: rotate(90deg) translate(-0.25rem);
  }
}
@keyframes bounce {
  25% {
    -webkit-transform: rotate(90deg) translate(0.25rem);
            transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    -webkit-transform: rotate(90deg) translate(-0.25rem);
            transform: rotate(90deg) translate(-0.25rem);
  }
}
.header-pilares__avatar {
  height: auto;
  width: auto;
  max-height: 2rem;
  max-width: 2.8rem;
  min-width: 2.8rem;
  min-height: 2rem;
  position: relative;
  display: block;
  background-color: #f2efe9;
  border-radius: 50px;
  margin-bottom: 5px;
}
.header-pilares__avatar-submenu {
  width: 24rem;
  z-index: 9999;
  border: solid 2px rgba(222, 222, 222, 0.6705882353);
  border-radius: 20px;
  position: relative;
  top: 4.5rem;
  left: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media (max-width: 1199px) {
  .header-pilares__avatar-submenu {
    right: 19.25rem;
  }
}
@media (max-width: 599px) {
  .header-pilares__avatar-submenu {
    width: 25rem;
    right: 0rem;
    left: 0rem;
    -webkit-transform: translateX(-85%);
        -ms-transform: translateX(-85%);
            transform: translateX(-85%);
  }
}
.header-pilares__avatar img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  position: absolute;
  max-width: 40px;
  max-height: 40px;
  top: -10%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 1199px) {
  .header-pilares__avatar img {
    max-width: 30px;
    max-height: 30px;
    top: 0;
  }
}
.header-pilares__avatar .btn-icon-user {
  position: absolute;
  top: 0;
  color: #a9a9a9;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(15px);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1) inset, -4px 4px 10px rgba(255, 255, 255, 0.2) inset, 0 15px 35px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(255, 255, 255, 0.1) inset, -4px 4px 10px rgba(255, 255, 255, 0.2) inset, 0 15px 35px rgba(0, 0, 0, 0.2);
  /* Sombra profunda */
  border: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 18px;
  padding: 0.65rem;
  color: rgba(251, 251, 251, 0.631372549);
  margin-top: -0.25rem;
  width: 3rem;
  height: 3rem;
  text-align: center;
  font-weight: 700;
  color: white;
}
@media (min-width: 601px) {
  .header-pilares__avatar .btn-icon-user {
    background-color: rgba(0, 0, 0, 0.2588235294);
  }
}
@media (max-width: 1199px) {
  .header-pilares__avatar {
    margin-left: 1rem;
  }
}
@media (max-width: 1080px) {
  .header-pilares__avatar {
    margin-right: 1rem;
  }
}
@media (max-width: 599px) {
  .header-pilares__avatar {
    margin-right: 0.5rem;
    background-color: rgba(255, 255, 255, 0);
  }
}
.header-pilares--mobile {
  display: none;
}
@media (max-width: 899px) {
  .header-pilares--mobile {
    display: none;
  }
}
@media (max-width: 599px) {
  .header-pilares--mobile {
    display: block;
  }
}
.header-pilares .j-item-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.header-pilares__nonPilar {
  color: hsl(88, 46%, 55%);
}
@media (max-width: 899px) {
  .header-pilares__nonPilar {
    border-left: none;
  }
}
.header-pilares__nonPilar::before {
  content: "";
  color: hsl(88, 46%, 55%);
  display: block;
}
@media (max-width: 599px) {
  .header-pilares-heterorrelato {
    background-color: rgba(135, 113, 171, 0.9294117647);
    width: 93% !important;
  }
}
@media (max-width: 599px) {
  .header-pilares-full {
    margin: 0px;
    background: none !important;
    border-bottom: solid 1px #e7e7e7;
    border-radius: 0px;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.09);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.09);
    width: 100% !important;
  }
  .header-pilares-full .header-pilares__menu-m--box {
    top: -63px !important;
    margin-left: 0.25rem !important;
  }
  .header-pilares-full .header-pilares__menu-m--box .menu {
    top: -2rem !important;
  }
  .header-pilares-full .header-pilares__menu-m--box .menuToggle-full span {
    background-color: #808080;
  }
  .header-pilares-full .header-pilares__avatar .btn-icon-user {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .header-pilares-full .header-pilares__avatar-submenu {
    left: -1rem;
  }
  .header-pilares-full .header-pilares__logo-m {
    top: 45%;
  }
}

.header-fixed {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: fixed;
  z-index: 9999;
  height: 9rem !important;
  border-radius: 0px 20px;
  margin-bottom: 6rem;
}
@media (max-width: 599px) {
  .header-fixed {
    position: absolute;
    height: 6rem !important;
    margin-bottom: 0rem;
  }
}

.header-nonfixed {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  z-index: 9999;
  height: auto !important;
  border-radius: 0px 20px;
}

.header-fundo {
  position: absolute;
  height: 75rem;
}
.header-fundo--adulto {
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(250, 250, 250)), color-stop(81%, #1A2E3D));
  background-image: -o-linear-gradient(bottom, rgb(250, 250, 250) 0%, #1A2E3D 81%);
  background-image: linear-gradient(0deg, rgb(250, 250, 250) 0%, #1A2E3D 81%);
  background-blend-mode: exclusion;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.header-fundo--adulto-interna {
  height: 100vh;
}
@media (max-width: 599px) {
  .header-fundo--adulto-interna {
    height: 40vh !important;
  }
}
.header-fundo--medio-3 {
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(250, 250, 250)), color-stop(81%, #3FA5C3));
  background-image: -o-linear-gradient(bottom, rgb(250, 250, 250) 0%, #3FA5C3 81%);
  background-image: linear-gradient(0deg, rgb(250, 250, 250) 0%, #3FA5C3 81%);
  background-blend-mode: screen;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.header-fundo--medio-3-interna {
  height: 100vh;
}
@media (max-width: 599px) {
  .header-fundo--medio-3-interna {
    height: 20vh !important;
  }
}
.header-fundo--medio-2 {
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(250, 250, 250)), color-stop(81%, #C23E64));
  background-image: -o-linear-gradient(bottom, rgb(250, 250, 250) 0%, #C23E64 81%);
  background-image: linear-gradient(0deg, rgb(250, 250, 250) 0%, #C23E64 81%);
  background-blend-mode: screen;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.header-fundo--medio-2-interna {
  height: 100vh;
}
@media (max-width: 599px) {
  .header-fundo--medio-2-interna {
    height: 20rem;
  }
}
.header-fundo--medio-1 {
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(250, 250, 250)), color-stop(81%, #546B43));
  background-image: -o-linear-gradient(bottom, rgb(250, 250, 250) 0%, #546B43 81%);
  background-image: linear-gradient(0deg, rgb(250, 250, 250) 0%, #546B43 81%);
  background-blend-mode: screen;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.header-fundo--medio-1-interna {
  height: 100vh;
}
@media (max-width: 599px) {
  .header-fundo--medio-1-interna {
    height: 20rem;
  }
}
.header-fundo--fundamental-9 {
  height: 47rem;
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: url(/assets/img/plataforma/padrao-fundo-fundamental.png);
  background-blend-mode: luminosity;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #3E50C2;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-9 {
    height: 65rem;
  }
}
.header-fundo--fundamental-9-interna {
  height: 30rem;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-9-interna {
    height: 18rem;
  }
}
.header-fundo--fundamental-8 {
  height: 47rem;
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: url(/assets/img/plataforma/padrao-fundo-fundamental.png);
  background-blend-mode: luminosity;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FF6159;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-8 {
    height: 65rem;
  }
}
.header-fundo--fundamental-8-interna {
  height: 30rem;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-8-interna {
    height: 18rem;
  }
}
.header-fundo--fundamental-7 {
  height: 47rem;
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: url(/assets/img/plataforma/padrao-fundo-fundamental.png);
  background-blend-mode: luminosity;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #C29E3E;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-7 {
    height: 65rem;
  }
}
.header-fundo--fundamental-7-interna {
  height: 30rem;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-7-interna {
    height: 18rem;
  }
}
.header-fundo--fundamental-6 {
  height: 47rem;
  width: 101vw;
  margin-left: calc(-50vw + 50%);
  background-image: url(/assets/img/plataforma/padrao-fundo-fundamental.png);
  background-blend-mode: luminosity;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #3EC2B6;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-6 {
    height: 65rem;
  }
}
.header-fundo--fundamental-6-interna {
  height: 30rem;
}
@media (max-width: 599px) {
  .header-fundo--fundamental-6-interna {
    height: 18rem;
  }
}
.header-fundo--infantil {
  width: 101vw;
  background: -o-radial-gradient(50% 50% at 50% 50%, #765AA3 0%, #5B3598 100%);
  background: radial-gradient(50% 50% at 50% 50%, #765AA3 0%, #5B3598 100%);
  height: 50rem !important;
}
.header-fundo--infantil-interna {
  height: 30vh !important;
}

.footer-fundo {
  width: 100%;
  position: absolute;
}
.footer-fundo--adulto {
  background-color: #1A2E3D;
}
.footer-fundo--formacao {
  background-color: #845292;
}
.footer-fundo--conteudo {
  background-color: #A3C94B;
}
.footer-fundo--medio-3 {
  background-color: #3FA5C3;
}
.footer-fundo--medio-2 {
  background-color: #C23E64;
}
.footer-fundo--medio-1 {
  background-color: #546B43;
}
.footer-fundo--fundamental-9 {
  background-color: #3E50C2;
}
.footer-fundo--fundamental-8 {
  background-color: #FF6159;
}
.footer-fundo--fundamental-7 {
  background-color: #C29E3E;
}
.footer-fundo--fundamental-6 {
  background-color: #3EC2B6;
}
.footer-fundo img {
  width: 14%;
  position: absolute;
  bottom: 0;
  right: 13%;
}
@media (max-width: 1199px) {
  .footer-fundo img {
    width: 22%;
    position: absolute;
    bottom: 0;
    right: 5%;
  }
}

.header-filtros {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  display: block;
  z-index: 9999;
  border-radius: 0px 20px;
  margin: -1.5rem auto 0rem;
  padding: 2rem;
}
@media (max-width: 1199px) {
  .header-filtros {
    margin-bottom: 2rem;
    padding: 1.5rem 2rem 1rem;
  }
}
@media (max-width: 899px) {
  .header-filtros {
    padding: 1.5rem 2rem 1rem;
    margin: 1.5rem auto 2rem;
  }
}
@media (max-width: 599px) {
  .header-filtros {
    width: 98%;
    margin-bottom: 2rem;
    padding: 1.5rem 2rem 1rem;
    margin: 1.5rem auto 2rem;
  }
}
.header-filtros input {
  background-color: #f6f6f6;
  border: none !important;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  width: 100%;
  min-width: 45rem;
}
.header-filtros input ::before {
  border: #f01;
  background-color: #fff;
}
@media (max-width: 1199px) {
  .header-filtros input {
    min-width: 30rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 899px) {
  .header-filtros input {
    min-width: 40rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 599px) {
  .header-filtros input {
    min-width: 37vh;
    width: 100%;
    max-width: 100vh;
  }
}
.header-filtros select {
  background-color: #f6f6f6;
  border: none !important;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  width: 100%;
  min-width: 28rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 1199px) {
  .header-filtros select {
    min-width: 31rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 899px) {
  .header-filtros select {
    min-width: 40rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 599px) {
  .header-filtros select {
    min-width: 37vh;
    width: 100%;
    max-width: 100vh;
  }
}
.header-filtros span {
  position: relative;
}
.header-filtros span button {
  position: absolute;
  top: 0rem;
  width: 1.5rem;
  right: 1rem;
  color: #808080;
  font-size: 1.5rem;
}
.header-filtros .form-group {
  display: table-caption;
  margin-bottom: 0.2rem;
}
.header-filtros .form-group__label {
  text-transform: capitalize;
  font-size: 1rem;
}
@media (max-width: 899px) {
  .header-filtros .form-group {
    margin-bottom: 0.5rem;
  }
}
.header-filtros .form-group select {
  color: #808080;
  font-size: 0.87rem;
}
.header-filtros .form-group select span button {
  width: 2rem;
  background-color: #f01;
}
.header-filtros .checkbox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .header-filtros .checkbox-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.header-filtros .checkbox__label {
  color: #808080;
}
.header-filtros .checkbox__input:checked ~ .checkbox__label::before {
  border: 2px solid #89be44;
  border-radius: 3px;
  background-color: #fff;
  width: 1.3rem;
  height: 1.3rem;
  color: #808080;
}
.header-filtros .checkbox__label::after {
  color: #89be44;
  width: 1.6rem;
}
.header-filtros .checkbox {
  margin-left: 0.3rem;
  margin-right: 1rem;
}

.no-header {
  display: none !important;
}

.p1 a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
}

.p1 a.is-active {
  background-color: #2ecc71;
  border-radius: 100%;
  color: #fff;
}

.header-fundo-interna {
  height: 30rem;
  width: 100%;
  position: absolute;
}
.header-fundo-interna--autorrelato {
  background: #3fa5c3 25%;
}
.header-fundo-interna--heterorrelato {
  background: #8771AB 25%;
}
.header-fundo-interna--setorpublico {
  background: #28346F 25%;
}
@media (max-width: 899px) {
  .header-fundo-interna {
    height: 41vh;
  }
}
@media (max-width: 599px) {
  .header-fundo-interna {
    height: 0vh !important;
    width: 0vw !important;
  }
}

.header-pilares__vinculo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 0.75rem;
  line-height: 1.2;
  margin-right: 0.75rem;
  max-width: 14rem;
  min-width: 0;
  position: relative;
}
.header-pilares__vinculo-medida, .header-pilares__vinculo-capsula {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
  text-align: right;
}
.header-pilares__vinculo-medida {
  max-width: 100%;
  min-width: 0;
  visibility: hidden;
}
.header-pilares__vinculo-capsula {
  background-color: #083b5b;
  border-left: solid 2px lightblue;
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: max-width 900ms ease-in-out, -webkit-box-shadow 900ms ease-in-out;
  transition: max-width 900ms ease-in-out, -webkit-box-shadow 900ms ease-in-out;
  -o-transition: max-width 900ms ease-in-out, box-shadow 900ms ease-in-out;
  transition: max-width 900ms ease-in-out, box-shadow 900ms ease-in-out;
  transition: max-width 900ms ease-in-out, box-shadow 900ms ease-in-out, -webkit-box-shadow 900ms ease-in-out;
  z-index: 5;
  padding: inherit 2rem;
}
@media (prefers-reduced-motion: reduce) {
  .header-pilares__vinculo-capsula {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.header-pilares__vinculo:hover .header-pilares__vinculo-capsula, .header-pilares__vinculo:focus-within .header-pilares__vinculo-capsula {
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
  max-width: 50rem;
}
.header-pilares__vinculo-escola, .header-pilares__vinculo-perfil {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.header-pilares__vinculo-escola {
  font-weight: 600;
  margin-bottom: 0.2rem;
}
@media (max-width: 1199px) {
  .header-pilares__vinculo {
    display: none;
  }
}
.header-pilares__vinculo-submenu {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #808080;
  line-height: 1.3;
}
.header-pilares__vinculo-submenu-escola {
  font-weight: 600;
}

.header-pilares__nav-submenu-item--desabilitado,
.header-pilares__nav-m-submenu--item--desabilitado {
  cursor: not-allowed;
  opacity: 0.5;
}

.main {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 1140px;
  height: auto;
}
@media (max-width: 1799px) {
  .main {
    width: 1140px;
  }
}
@media (max-width: 1440px) {
  .main {
    width: 1140px;
  }
}
@media (max-width: 1199px) {
  .main {
    width: 93%;
  }
}
.main__disable-scrollbars {
  height: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1801px) {
  .main {
    max-width: none;
  }
}
.main__back-container {
  padding: 2rem 1.5rem 0.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main__back-container__back-icon {
  height: 22px;
  margin: 3px;
}
@media (max-width: 599px) {
  .main__back-container__back-icon {
    margin: 22px;
  }
}
.main__back-container__back-icon-mobile {
  height: 22px;
  margin: 3px;
  display: none;
}
@media (max-width: 599px) {
  .main__back-container__back-icon-mobile {
    display: inline-block !important;
    width: 2rem;
  }
}
@media (max-width: 899px) {
  .main__back-container__back-icon-mobile {
    display: inline-block !important;
    width: 2rem;
  }
}
@media (max-width: 1199px) {
  .main__back-container__back-icon-mobile {
    display: none;
  }
}
@media (max-width: 1799px) {
  .main__back-container__back-icon-mobile {
    display: none;
  }
}
.main__competencia-container {
  padding: 0.5rem 0rem 0.75rem 0rem;
  margin: 0rem 1rem 0rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  border-bottom: rgba(211, 211, 211, 0.5) solid 2px;
}
.main__competencia-container__competencia-icon {
  width: 32px;
  height: 32px;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-weight: 500;
  font-size: 0.9rem;
  border-radius: 8px;
  color: white;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(255, 255, 255, 0.25) inset, 2px 1px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 3px 0 rgba(255, 255, 255, 0.25) inset, 2px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.main__competencia-container__competencia-icon--autogestao {
  background-color: #8AB925 !important;
  color: #fff;
}
.main__competencia-container__competencia-icon--abertura {
  background-color: #765AA3 !important;
  color: #fff;
}
.main__competencia-container__competencia-icon--engajamento {
  background-color: #F4BB2F !important;
  color: #fff;
}
.main__competencia-container__competencia-icon--amabilidade {
  background-color: #E61D47 !important;
  color: #fff;
}
.main__competencia-container__competencia-icon--modulacao {
  background-color: #3FA5C3 !important;
  color: #fff;
}
.main__competencia-container > p {
  padding: 0.25rem 0rem 0rem 1rem;
  font-weight: 600;
  font-size: 22px;
}
@media (max-width: 899px) {
  .main__competencia-container > p {
    font-size: 15px;
  }
}
.main__competencia-name--autogestao {
  color: #8AB925 !important;
}
.main__competencia-name--abertura {
  color: #765AA3 !important;
}
.main__competencia-name--engajamento {
  color: #F4BB2F !important;
}
.main__competencia-name--amabilidade {
  color: #E61D47 !important;
}
.main__competencia-name--modulacao {
  color: #3FA5C3 !important;
}
.main__tabelas {
  background-color: #fff;
  border-radius: 0px 20px;
  /* padding: 2rem; */
  margin: auto;
  /* -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04); */
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  width: 72% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  position: relative;
  justify-content: space-between;
}
@media (max-width: 599px) {
  .main__tabelas {
    margin: 0;
  }
}
.main__introducao {
  margin: 0rem auto;
  padding: 0rem;
  position: relative;
  height: auto;
}
.main__introducao--tit-pag {
  font-size: 1.7rem;
  color: #6B6B6B;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .main__introducao--tit-pag-conteudo {
    font-size: 1.5rem;
    padding: 0rem 0.5rem 0rem;
  }
}
@media (max-width: 899px) {
  .main__introducao--tit-pag-conteudo {
    font-size: 1.5rem;
    padding: 0rem 0.5rem 0rem;
    font-weight: 600;
  }
}
@media (max-width: 599px) {
  .main__introducao--tit-pag-conteudo {
    font-size: 1.7rem;
    padding: 1rem 0.5rem 0rem;
    font-weight: 600;
  }
}
.main__introducao--tit-pag-formacao {
  font-size: 28px;
  color: #845292;
}
@media (max-width: 1199px) {
  .main__introducao--tit-pag-formacao {
    padding: 0rem 0.5rem 0rem;
  }
}
@media (max-width: 599px) {
  .main__introducao--tit-pag-formacao {
    font-size: 25px;
    padding: 1rem 0.5rem 0rem;
  }
}
.main__introducao--tit-pag-engajamento {
  width: 50%;
}
@media (max-width: 599px) {
  .main__introducao--tit-pag-engajamento {
    margin: 1rem 0rem 0rem 0.5rem !important;
    width: 100%;
  }
}
.main__introducao--card {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  display: block;
  z-index: 9999;
  border-radius: 0px 20px;
  padding: 2rem 1.5rem;
  color: #808080;
  height: 16rem;
  position: relative;
  z-index: 2;
}
.main__introducao--card .media__descricao-biblioteca {
  font-size: 0.75rem;
  width: 56%;
  display: inline-block;
  margin-top: 1rem;
  height: 7rem;
  overflow-y: auto;
  padding-right: 0.5rem;
}
.main__introducao--card .title-aux {
  font-size: 0.9rem;
  color: #3fa5c3;
  text-transform: capitalize;
  width: 100%;
}
.main__introducao--card .media__title {
  font-size: 1.1rem;
  color: #3fa5c3;
}
.main__introducao--card .media__picture {
  width: 40%;
  display: inline-block;
  margin-right: 0.25rem;
  vertical-align: top;
  margin-top: 1rem;
}
.main__introducao--card button {
  background-color: #89be44;
  padding: 0.5rem;
  border-radius: 7px;
  color: #fff;
  font-weight: 400;
  position: absolute;
  bottom: 1.1rem;
  right: 1.2rem;
  width: 6rem;
  text-align: center;
  font-size: 0.75rem;
}
.main__introducao--linha-card {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(25rem, 10fr));
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (max-width: 1799px) {
  .main__introducao--linha-card {
    grid-template-columns: repeat(auto-fill, minmax(21rem, 10fr));
  }
}
.main__introducao--linha-card {
  width: 100%;
}
@media (max-width: 599px) {
  .main__introducao--linha-card {
    width: 98%;
    margin: auto;
  }
}
.main__introducao--rodape {
  width: 20rem;
  margin: 3rem auto 1rem;
}
.main__introducao--pagina {
  text-align: center;
}
.main__introducao--pagina a {
  color: #808080;
  width: 2rem;
  display: inline-block;
}
.main__introducao--pagina :first-child {
  color: #89be44;
  font-weight: 600;
}
.main__introducao--pagina :last-child {
  color: #89be44;
  font-weight: 600;
}
@media (max-width: 1799px) {
  .main__introducao {
    padding: 0rem;
  }
}
@media (max-width: 599px) {
  .main__introducao {
    padding: 1rem 0.25rem 0rem;
  }
}
.main__acompanhamento {
  width: 100%;
}
@media (max-width: 1199px) {
  .main__acompanhamento {
    width: 98%;
  }
}
@media (max-width: 899px) {
  .main__acompanhamento {
    width: 98%;
  }
}
@media (max-width: 599px) {
  .main__acompanhamento {
    width: 100%;
  }
}
.main__eixos {
  background-color: #fff;
  border-radius: 0px 20px;
  margin: 0rem auto;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main__eixos--textos {
  width: 36%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1199px) {
  .main__eixos--textos {
    width: 100%;
  }
}
.main__eixos--cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 1799px) {
  .main__eixos--cards {
    width: auto;
  }
}
@media (max-width: 1199px) {
  .main__eixos--cards {
    width: auto;
    text-align: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media (max-width: 899px) {
  .main__eixos--cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media (max-width: 1199px) {
  .main__eixos--cards li {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .main__eixos--cards li {
    display: inline-block;
  }
}
@media (max-width: 1199px) {
  .main__eixos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 599px) {
  .main__eixos {
    border-radius: 20px;
  }
}
.main__eixos section:nth-child(3) {
  background-color: #00a67a;
}
.main__acoes {
  background-color: #fff;
  border-radius: 20px;
  padding: 5rem 1.5rem 2rem;
  margin: 0rem 0rem 2rem;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  width: 32% !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: left;
  min-height: 14rem;
  border: solid 1px #dedede;
}
@media (max-width: 1199px) {
  .main__acoes {
    width: 100% !important;
    margin: 0rem 0rem 2rem 0rem;
  }
}
.main__autopercepcoes {
  padding: 0;
}
@media (max-width: 599px) {
  .main__autopercepcoes {
    margin-top: 0 !important;
  }
}
.main__recomendados {
  padding: 0;
}
.main__section {
  position: relative;
}
@media (min-width: 901px) {
  .main__section > *,
  .main__section > *.animated > * {
    margin-bottom: 3rem;
  }
}
@media (max-width: 1199px) {
  .main__section--conteudo {
    margin-top: 2rem;
  }
}
@media (max-width: 599px) {
  .main__section--conteudo {
    margin-top: 1rem;
  }
}
.main__section--menu {
  text-align: left;
}
.main__section--titulo-acompanhamento {
  width: 100%;
  position: relative;
  display: inline-block;
}
.main__section--linha-submenu {
  display: inline-block;
}
.main__section--nome-instituicao {
  display: inline-block;
  color: #00a67a;
  font-size: 2.5rem;
  margin-right: 2rem;
}
.main__section--bloco-recomendados {
  width: 100%;
  padding: 2rem;
  margin-top: 11rem;
}
@media (max-width: 599px) {
  .main__section--bloco-recomendados {
    margin-top: 8rem;
  }
}
@media (max-width: 899px) {
  .main__section--bloco-recomendados {
    margin-top: 8rem;
  }
}
.main__section--topo-respostas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3rem 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 599px) {
  .main__section--topo-respostas {
    display: none;
  }
}
.main__section--topo-respostas-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem 0 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 601px) {
  .main__section--topo-respostas-mobile {
    display: none;
  }
}
.main__section--quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 1199px) {
  .main__section--quiz {
    display: block;
  }
}
@media (max-width: 899px) {
  .main__section--quiz {
    width: 98%;
  }
}
@media (max-width: 599px) {
  .main__section--quiz {
    width: 100%;
  }
}
.main__section--quiz--sem-enunciado {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main__section--pergunta {
  display: block;
  width: 60%;
  margin: 1rem 0 0 0;
}
@media (max-width: 1199px) {
  .main__section--pergunta {
    width: 80%;
    margin: 3rem auto 2rem;
  }
}
@media (max-width: 899px) {
  .main__section--pergunta {
    margin: 0rem auto 2rem;
  }
}
@media (max-width: 599px) {
  .main__section--pergunta {
    width: 100%;
    margin: 0rem auto 2rem;
  }
}
.main__section--enunciado {
  display: block;
  width: 40%;
  text-align: left;
  margin: 0 7rem;
}
.main__section--enunciado img {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-box-shadow: 3px 7px 17px 4px rgba(38, 38, 38, 0.22);
          box-shadow: 3px 7px 17px 4px rgba(38, 38, 38, 0.22);
}
@media (max-width: 1199px) {
  .main__section--enunciado img {
    width: 75% !important;
  }
}
.main__section--enunciado p {
  font-size: 1rem;
  color: #808080;
  font-weight: 400;
  margin-top: 2rem;
}
@media (max-width: 1199px) {
  .main__section--enunciado {
    width: 90%;
    margin: auto;
    text-align: center;
  }
}
.main__section--logo {
  display: inline-block;
  width: 80%;
}
@media (max-width: 599px) {
  .main__section--logo {
    width: 15%;
  }
}
.main__section--logo img {
  width: 25%;
}
@media (max-width: 899px) {
  .main__section--logo img {
    width: 30%;
  }
}
@media (max-width: 599px) {
  .main__section--logo img {
    width: 90%;
  }
}
.main__section--voltar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0.5rem;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 600;
  word-wrap: normal;
  width: 14rem;
  height: 2.4rem;
  border: solid 1.5px #fafafa;
  background-color: rgba(250, 250, 250, 0);
  color: #fafafa;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}
.main__section--voltar span {
  width: 8%;
  margin: 0rem;
}
.main__section--voltar p {
  font-size: 1rem !important;
  margin-right: 0.5rem;
  width: auto;
  padding-left: 1rem;
}
@media (max-width: 599px) {
  .main__section--voltar {
    width: 6rem;
    color: #fafafa;
    font-weight: 600;
    font-size: 1rem;
    border: solid 1.5px #fafafa;
  }
  .main__section--voltar span {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .main__section--voltar p {
    padding-left: 0rem;
    margin: 0rem;
  }
}
.main__section--voltar--setorpublico {
  background-color: rgba(52, 60, 98, 0.0980392157);
  color: #28346F;
}
.main__section--voltar--adulto:hover {
  background-color: #fafafa;
  color: #1A2E3D;
}
.main__section--voltar--adulto:hover img {
  content: url("/assets/img/plataforma/voltar-adulto.png") !important;
}
.main__section--voltar--medio-3:hover {
  background-color: #fafafa;
  color: #3FA5C3;
}
.main__section--voltar--medio-3:hover img {
  content: url("/assets/img/plataforma/voltar-medio-3.png") !important;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main__section--voltar--medio-2:hover {
  background-color: #fafafa;
  color: #C23E64;
}
.main__section--voltar--medio-2:hover img {
  content: url("/assets/img/plataforma/voltar-medio-2.png") !important;
}
.main__section--voltar--medio-1:hover {
  background-color: #fafafa;
  color: #546B43;
}
.main__section--voltar--medio-1:hover img {
  content: url("/assets/img/plataforma/voltar-medio-1.png") !important;
}
.main__section--voltar--fundamental-9:hover {
  background-color: #fafafa;
  color: #3E50C2;
}
.main__section--voltar--fundamental-9:hover img {
  content: url("/assets/img/plataforma/voltar-fundamental-9.png") !important;
}
.main__section--voltar--fundamental-8:hover {
  background-color: #fafafa;
  color: #FF6159;
}
.main__section--voltar--fundamental-8:hover img {
  content: url("/assets/img/plataforma/voltar-fundamental-8.png") !important;
}
.main__section--voltar--fundamental-7:hover {
  background-color: #fafafa;
  color: #C29E3E;
}
.main__section--voltar--fundamental-7:hover img {
  content: url("/assets/img/plataforma/voltar-fundamental-7.png") !important;
}
.main__section--voltar--fundamental-6:hover {
  background-color: #fafafa;
  color: #3EC2B6;
}
.main__section--voltar--fundamental-6:hover img {
  content: url("/assets/img/plataforma/voltar-fundamental-6.png") !important;
}
.main__section--voltar--infantil:hover {
  background-color: #fafafa;
  color: #8771AB;
}
.main__section--voltar--infantil:hover img {
  content: url("/assets/img/plataforma/voltar-infantil.png") !important;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main__section--informacao-ano {
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background-color: #fff;
}
@media (max-width: 599px) {
  .main__section--informacao-ano {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.main__section--informacao-ano img {
  width: 42% !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  margin-left: 0rem !important;
}
@media (max-width: 899px) {
  .main__section--informacao-ano img {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (max-width: 599px) {
  .main__section--informacao-ano img {
    width: 65% !important;
  }
}
.main__section--informacao-texto {
  text-align: left;
  width: 40%;
  color: #808080;
  position: relative;
  padding: 1rem;
}
@media (max-width: 1199px) {
  .main__section--informacao-texto {
    width: 55% !important;
  }
}
@media (max-width: 599px) {
  .main__section--informacao-texto {
    width: 100% !important;
    padding: 0rem 1rem !important;
    margin-left: 0rem !important;
  }
}
.main__section--informacao-texto b {
  font-size: 1.25rem;
}
.main__section--informacao-texto p {
  font-size: 1.1rem;
  margin-bottom: 2rem !important;
}
.main__section--informacao-texto input, .main__section--informacao-texto select {
  border-top: 2px solid #cecccc;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: 2rem;
  width: 9rem;
  border-radius: 10px !important;
  padding: 0.5rem;
  font-size: 1rem;
  margin: 0.5rem 0;
  text-align: center;
}
@media (max-width: 599px) {
  .main__section--informacao-texto input, .main__section--informacao-texto select {
    width: 100%;
    max-width: 100%;
  }
}
.main__section--informacao-texto button {
  position: absolute !important;
  right: 0;
  margin: 0rem;
  border-radius: 25px;
  text-align: center;
  padding: 1rem 2rem;
}
@media (max-width: 599px) {
  .main__section--informacao-texto button {
    margin: 2rem 0 0 0;
    width: 100%;
    position: relative !important;
  }
}
.main__section--questoes-contador {
  border-radius: 0px 20px;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  font-weight: 500;
  height: auto;
  position: relative;
  text-align: left;
  max-height: 12rem;
  margin-bottom: 3rem;
  background-color: #fafafa;
}
@media (max-width: 599px) {
  .main__section--questoes-contador {
    margin-bottom: 1rem;
    padding: 1rem;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08) !important;
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08) !important;
    border-radius: 20px;
    border: solid 1px rgba(174, 174, 174, 0.67);
  }
}
.main__section--questoes-contador button {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 20px;
  padding: 0.4rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.3rem;
  -webkit-box-shadow: 2px 2px 17px -1px rgba(38, 38, 38, 0.26);
          box-shadow: 2px 2px 17px -1px rgba(38, 38, 38, 0.26);
}
@media (max-width: 599px) {
  .main__section--questoes-contador button {
    border-radius: 15px;
    height: 2.2rem;
    padding: 0.45rem 0.5rem;
  }
}
.main__section--questoes-contador button p {
  font-size: 0.87rem;
  color: #fff;
  font-weight: 400;
  margin-top: 0.2rem;
}
@media (max-width: 599px) {
  .main__section--questoes-contador button p {
    display: none;
  }
}
.main__section--questoes-contador button span {
  margin-right: 0.5rem;
}
@media (max-width: 599px) {
  .main__section--questoes-contador button span {
    margin: 0rem;
  }
}
.main__section--questoes-titulo {
  font-size: 22px;
  font-weight: 500;
  margin-top: 0.5rem;
  width: 50%;
}
.main__section--questoes-titulo b {
  font-weight: 400;
}
.main__section--questoes-titulo span {
  color: #606060;
  font-weight: 600;
}
.main__section--questoes-titulo strong {
  font-weight: 500;
}
@media (max-width: 599px) {
  .main__section--questoes-titulo {
    font-size: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    width: 100% !important;
  }
  .main__section--questoes-titulo span {
    margin-bottom: 0.5rem;
    color: #606060;
    font-size: 1.3rem;
  }
  .main__section--questoes-titulo b {
    margin: 0rem 0.5rem;
  }
}
.main__section--resultado {
  border-radius: 10px;
  border: 2px solid #8771ab !important;
  background-color: #f3f0f8 !important;
  margin-bottom: 0 !important;
  padding: 1rem !important;
  height: 27rem !important;
}
@media (max-width: 599px) {
  .main__section--resultado {
    height: 35rem !important;
  }
}
.main__section--resultado h3 {
  text-align: center;
  font-size: 1.8rem;
  color: #8771ab;
  margin: 1rem auto 2rem;
  font-weight: 500;
}
.main__section--resultados {
  background-color: #ffffff !important;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.main__section--questoes-resultado {
  background-color: #f3f0f8;
  color: #8771ab;
  border-radius: 10px;
  padding: 2rem;
  font-weight: 500;
  height: auto;
  position: relative;
  text-align: right;
}
.main__section--questoes-resultado button {
  background-color: #8771ab;
  padding: 0rem 0rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  text-align: center;
  position: relative;
  margin: 1rem;
  margin: 2rem 0 1rem;
  height: 3rem;
  width: 13rem;
}
.main__section--questoes-resultado button:hover {
  background-color: #ae96c9;
}
.main__section--questoes-resultado button span {
  border: 0;
  height: 2rem;
  width: 30%;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  z-index: 999999999999999;
  position: relative;
  margin: 0rem 0.5rem;
  width: 2rem;
  background-size: 100%;
  background-image: url(/assets/img/ir--infantil.png);
}
.main__section--questoes-resultado p {
  color: #808080;
  font-size: 1rem;
  margin: 1rem 2rem;
  text-align: left;
}
.main__section--video {
  width: 70%;
  margin: auto;
}
@media (max-width: 899px) {
  .main__section--video {
    width: 100%;
  }
}
.main__section--resultado {
  width: 80%;
  margin: auto;
}
@media (max-width: 899px) {
  .main__section--resultado {
    width: 100%;
  }
}
.main__section--questoes {
  border-radius: 20px;
  padding: 3rem 2.25rem 2rem;
  font-weight: 500;
  height: auto;
  min-height: 35rem;
  position: relative;
  text-align: end;
  margin-bottom: 0rem;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
}
.main__section--questoes--infantil {
  min-height: 20rem;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
}
.main__section--questoes--medio-1, .main__section--questoes--medio-2, .main__section--questoes--medio-3 {
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
}
.main__section--questoes--fundamental-6, .main__section--questoes--fundamental-7, .main__section--questoes--fundamental-8, .main__section--questoes--fundamental-9 {
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
}
.main__section--questoes--setorpublico {
  background-color: rgba(52, 60, 98, 0.0980392157);
  color: #28346F;
}
.main__section--questoes img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  position: relative;
  margin: 0.5rem;
  width: 4rem;
}
@media (max-width: 599px) {
  .main__section--questoes img {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.main__section--questoes p {
  margin-bottom: 1rem;
}
.main__section--questoes .titulo {
  color: #4D5457;
  font-size: 1.5rem;
  width: 70%;
  text-align: center;
  margin: auto;
  font-weight: 600;
}
@media (max-width: 599px) {
  .main__section--questoes .titulo {
    color: #4D5457;
    width: 100%;
    font-size: 1.3rem;
  }
}
.main__section--questoes button {
  padding: 0rem 0rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 20px;
  text-align: center;
  position: relative;
  margin: 1rem;
  margin: 2rem 0 0;
  height: 3rem;
  width: 10rem;
}
@media (max-width: 599px) {
  .main__section--questoes button {
    width: 100%;
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.main__section--questoes button {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
}
@media (max-width: 1199px) {
  .main__section--questoes button {
    margin: auto;
    text-align: center;
    display: block;
  }
}
@media (max-width: 599px) {
  .main__section--questoes button {
    margin: 1.5rem auto 1.5rem;
    width: 100%;
    height: 3rem;
    border-radius: 12px;
  }
}
.main__section--questoes button span {
  border: 0;
  height: 2rem;
  width: 30%;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  z-index: 999999999999999;
  position: relative;
  margin: 0rem 0.5rem;
  width: 2rem;
  background-size: 100%;
  background-image: url(/assets/img/ir--infantil.png);
}
@media (max-width: 599px) {
  .main__section--questoes {
    padding: 1.5rem 0rem;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
.main__section--box-questoes {
  padding-bottom: 1.5rem;
}
.main__section--competencia-questao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
@media (max-width: 599px) {
  .main__section--competencia-questao {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.main__section--competencia-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .main__section--competencia-titulo {
    margin-bottom: 0.75rem;
  }
}
.main__section--seletor-aula {
  margin-bottom: 0rem !important;
  font-size: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.main__section--seletor-aula label {
  color: black !important;
  margin-right: 1rem;
}
.main__section--seletor-aula span {
  font-weight: 600;
  color: #8771ab;
}
.main__section--seletor-aula select {
  max-width: 39vw;
  color: #f8fafc;
  font-family: inherit;
  height: 3rem;
  min-height: 2rem;
  padding: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  background-color: #dcd3e6;
  color: #8771ab;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 0 transparent;
          box-shadow: 0 2px 0 transparent;
  color: #8771ab;
  font-size: 1rem;
  font-weight: 600;
  word-wrap: break-word;
  text-fill-color: none;
}
.main__section--seletor-aula select :hover,
.main__section--seletor-aula select :focus {
  border: 1rem solid #f01;
  padding: 2rem;
}
.main__section--seletor-aula select option {
  font-weight: normal;
  display: block;
  min-height: 1.2em;
  padding: 2rem;
  white-space: nowrap;
  height: 3rem;
  font-size: 1rem;
  margin: 2rem;
  line-height: 1rem;
}
@media (max-width: 1199px) {
  .main__section--seletor-aula {
    margin-top: 9rem !important;
  }
}
@media (max-width: 599px) {
  .main__section--seletor-aula {
    font-size: 1.1rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main__section--seletor-aula label {
    margin-right: 1rem;
  }
}
.main__section-seletor-inicio-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #765aa3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0px 20px;
  text-align: center;
}
.main__section-seletor-inicio-container > * {
  margin: 1rem;
}
.main__section-seletor-inicio-container > span {
  font-size: 2rem;
  font-weight: 600;
}
.main__section-seletor-inicio-container > div > select {
  min-width: 19rem !important;
  max-width: 100% !important;
  height: 100%;
  font-size: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 1.75rem;
}
@media (min-width: 901px) {
  .main__section--formacao > *,
  .main__section--formacao > *.animated > * {
    margin-bottom: 1rem;
  }
}
.main__section-c-cenario--imagem {
  width: 100% !important;
  height: 100% !important;
  background-color: #00a67a;
}
@media (max-width: 1199px) {
  .main__section-c-cenario--imagem {
    width: 100%;
    height: auto;
    min-height: 20rem;
    margin: auto !important;
  }
}
@media (max-width: 899px) {
  .main__section-c-cenario--imagem {
    width: 100%;
    height: auto;
    min-height: 20rem;
    margin: auto !important;
  }
}
@media (max-width: 599px) {
  .main__section-c-cenario--imagem {
    width: 20rem;
  }
}
.main__section-c-cenario--cenario {
  font-size: 1.3rem;
  font-weight: 300;
  color: #808080;
  margin: 0.5rem auto 2rem !important;
  text-align: left;
}
.main__section-c-cenario--cenario span {
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 2rem;
}
.main__section-c-cenario--enunciado {
  font-size: 1.6rem;
  color: #808080;
  margin-bottom: 3rem !important;
  text-align: left;
}
.main__section-c-cenario--enunciado i {
  color: rgb(213, 213, 213);
}
.main__section-c-cenario--enunciado span:first-child {
  color: #8ab925;
  font-weight: bolder;
}
.main__section-c-cenario--enunciado span:nth-child(3) {
  color: #e61d47;
  font-weight: bolder;
}
.main__section-c-cenario--alternativas {
  background-color: #f5f5f5;
  margin-bottom: 1rem;
  position: relative;
  border-radius: 10px;
  text-align: left;
}
.main__section-c-cenario--alternativas p {
  color: #808080;
  font-size: 1.1rem !important;
  font-weight: 300 !important;
  padding: 0.8rem;
  margin-bottom: 0rem;
}
@media (max-width: 599px) {
  .main__section-c-cenario--alternativas p {
    padding: 1.8rem;
    width: 70%;
  }
}
.main__section-c-cenario--alternativas .icones {
  position: absolute;
  right: 1.5rem;
  top: 0.65rem;
}
.main__section-c-cenario--alternativas .icones .mais-parecido {
  margin: 5px;
  border-right: 1px solid #d7d7d7;
  padding: 3px 5px 0px 5px;
  height: 35px;
}
.main__section-c-cenario--alternativas .icones .mais-parecido input[type=radio] {
  display: none;
}
.main__section-c-cenario--alternativas .icones .mais-parecido i {
  color: #dddddd;
  font-size: 1.5rem;
  cursor: pointer;
}
.main__section-c-cenario--alternativas .icones .mais-parecido input[type=radio]:checked ~ label i {
  color: #8ab925;
}
.main__section-c-cenario--alternativas .icones .mais-parecido h3 {
  margin: 0 0 15px 0;
  font-size: 24px;
}
.main__section-c-cenario--alternativas .icones .menos-parecido {
  margin: 5px 0;
  padding: 5px;
  height: 35px;
}
.main__section-c-cenario--alternativas .icones .menos-parecido input[type=radio] {
  display: none;
}
.main__section-c-cenario--alternativas .icones .menos-parecido i {
  color: #dddddd;
  font-size: 1.5rem;
  cursor: pointer;
}
.main__section-c-cenario--alternativas .icones .menos-parecido input[type=radio]:checked ~ label i {
  color: #e61d47;
}
.main__section-c-cenario--alternativas .icones .menos-parecido h3 {
  margin: 0 0 15px 0;
  font-size: 24px;
}
@media (max-width: 899px) {
  .main__section-c-cenario--alternativas .icones {
    position: absolute;
    right: 1.5rem;
    top: 1.2rem;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 599px) {
  .main__section-c-cenario--alternativas .icones {
    position: absolute;
    right: 1.5rem;
    top: 2.2rem;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.main__section-c-cenario--alternativas--selected-mais {
  background-color: #8ab925;
}
.main__section-c-cenario--alternativas--selected-mais p {
  color: white;
}
.main__section-c-cenario--alternativas--selected-mais .icones .mais-parecido input[type=radio]:checked ~ label i {
  color: #bfdb80 !important;
}
.main__section-c-cenario--alternativas--selected-menos {
  background-color: #e61d47;
}
.main__section-c-cenario--alternativas--selected-menos p {
  color: white;
}
.main__section-c-cenario--alternativas--selected-menos .icones .menos-parecido input[type=radio]:checked ~ label i {
  color: #ff94aa !important;
}
.main__section-c-cenario #case {
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
}
@media (max-width: 1199px) {
  .main__section-c-cenario #case {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.main__icon {
  height: auto;
  right: 0;
  opacity: 0.1;
  position: fixed;
  bottom: 0;
  -webkit-transform: translate(10%, 20%);
      -ms-transform: translate(10%, 20%);
          transform: translate(10%, 20%);
  width: 70vw;
}
.main__title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 2.25rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .main__title {
    font-size: 3rem;
  }
}
.main__title {
  margin-bottom: 2.25rem;
}
@media (max-width: 599px) {
  .main__title {
    margin-bottom: 1.5rem;
  }
}
.main__title--classess {
  font-size: calc(3rem + 1vw);
  font-weight: 200;
  letter-spacing: 0.15em;
  text-align: center;
  text-transform: uppercase;
}
.main__title-complement {
  color: hsl(224, 67%, 78%);
  font-size: 0.5em;
  font-weight: 400;
  margin-left: 1rem;
  opacity: 0.75;
}
.main__subtitle {
  font-size: 1.9rem;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .main__subtitle {
    font-size: 1.9rem;
  }
}
@media (min-width: 901px) {
  .main__subtitle {
    font-size: 2.25rem;
  }
}
@media (min-width: 1201px) {
  .main__subtitle {
    font-size: 2.5rem;
  }
}
.main__subsubtitle {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .main__subsubtitle {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .main__subsubtitle {
    font-size: 1.35rem;
  }
}
.main__subsubtitle {
  margin-bottom: 1rem;
}
.main__aux-title {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
  margin-top: 1.5rem;
}
.main__aulas {
  display: inline;
  text-align: center;
}
.main__contador {
  margin-top: 2px;
}
.main__contador ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.main__contador li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main__contador li:not(:first-child)::before {
  content: "";
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: #d4dae2;
  margin: 0 6px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media (max-width: 599px) {
  .main__contador li:not(:first-child)::before {
    width: 4px;
  }
}
.main__contador li .point {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #e9eef4;
  color: #6e7b8e;
  font-size: 13px;
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 599px) {
  .main__contador li .point {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }
}
.main__contador li .point--completed {
  color: white;
}
.main__contador li .point--completed--autorrelato {
  background-color: #3FA5C3;
}
.main__contador li .point--completed--setorpublico {
  background-color: #28346F;
}
.main__contador li .point--completed--heterorrelato {
  background-color: #8771AB;
}
.main__contador li .point--completed--autogestao {
  background-color: #8AB925 !important;
}
.main__contador li .point--completed--abertura {
  background-color: #765AA3 !important;
}
.main__contador li .point--completed--engajamento {
  background-color: #F4BB2F !important;
}
.main__contador li .point--completed--amabilidade {
  background-color: #E61D47 !important;
}
.main__contador li .point--completed--modulacao {
  background-color: #3FA5C3 !important;
}
@media (max-width: 599px) {
  .main__contador {
    display: none;
  }
}
.main__contador-mobile {
  margin-top: 2px;
  display: none;
}
.main__contador-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.main__contador-mobile li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main__contador-mobile li:not(:first-child)::before {
  content: "";
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: #d4dae2;
  margin: 0 6px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media (max-width: 599px) {
  .main__contador-mobile li:not(:first-child)::before {
    width: 4px;
  }
}
.main__contador-mobile li .point {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #e9eef4;
  color: #6e7b8e;
  font-size: 13px;
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 599px) {
  .main__contador-mobile li .point {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }
}
.main__contador-mobile li .point--completed {
  color: white;
}
.main__contador-mobile li .point--completed--autorrelato {
  background-color: #3FA5C3;
}
.main__contador-mobile li .point--completed--setorpublico {
  background-color: #28346F;
}
.main__contador-mobile li .point--completed--heterorrelato {
  background-color: #8771AB;
}
.main__contador-mobile li .point--completed--autogestao {
  background-color: #8AB925 !important;
}
.main__contador-mobile li .point--completed--abertura {
  background-color: #765AA3 !important;
}
.main__contador-mobile li .point--completed--engajamento {
  background-color: #F4BB2F !important;
}
.main__contador-mobile li .point--completed--amabilidade {
  background-color: #E61D47 !important;
}
.main__contador-mobile li .point--completed--modulacao {
  background-color: #3FA5C3 !important;
}
.main__contador-mobile--seta {
  background-image: url(/assets/img/seta-r.png);
  background-size: 60%;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  right: -2rem;
  top: -0.6rem;
}
@media (max-width: 599px) {
  .main__contador-mobile {
    display: block;
    overflow-x: scroll;
  }
}
.main__competencia-timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .main__competencia-timeline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.main__competencia-timeline p {
  margin-top: 7px;
  margin-left: 1rem;
  font-size: 1.2rem;
  max-width: 15rem;
}
@media (max-width: 599px) {
  .main__competencia-timeline p {
    display: inline;
  }
}
@media (max-width: 1799px) {
  .main__competencia-timeline p {
    margin: 0.5rem;
  }
}
.main__divisao {
  width: 1rem;
  border-left: 1px solid #808080;
  height: 2.5rem;
  margin: 0 0 0 1.5rem;
}
@media (max-width: 599px) {
  .main__divisao {
    display: none;
  }
}
.main__medicao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin: auto;
  position: relative;
  width: 100%;
  margin-top: 3rem;
}
.main__medicao .medicao {
  width: 87%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 599px) {
  .main__medicao .medicao {
    margin-right: 3rem;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    width: 90%;
    margin: 10rem auto;
  }
}
.main__medicao .medicao-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 74%;
  margin: 2.25rem 0rem 0rem;
  color: #808080;
}
.main__medicao .medicao-text p {
  min-width: 20%;
  width: 20%;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  padding: 0rem 0.5rem;
  opacity: 0.7;
}
@media (max-width: 599px) {
  .main__medicao .medicao-text p {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    display: none;
    width: 100%;
  }
}
.main__medicao .medicao-text-focus {
  font-weight: 500 !important;
  opacity: 1 !important;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
@media (max-width: 599px) {
  .main__medicao .medicao-text-focus {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
@media (max-width: 599px) {
  .main__medicao .medicao-text {
    width: 90%;
    margin: 0rem;
  }
}
.main__medicao--pouco {
  font-size: 1.1rem;
  font-weight: 400;
  color: #808080;
  display: none;
}
@media (max-width: 599px) {
  .main__medicao--pouco {
    width: 100%;
    display: block;
  }
}
.main__medicao--todos {
  font-size: 1.1rem;
  font-weight: 400;
  color: #808080;
  display: none;
}
@media (max-width: 599px) {
  .main__medicao--todos {
    width: 100%;
    display: block;
  }
}
@media (max-width: 599px) {
  .main__medicao {
    display: block;
    text-align: center;
    margin: auto;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1rem;
  }
}

.button-answer--autorrelato {
  background-color: #3FA5C3;
}
@media (max-width: 599px) {
  .button-answer--autorrelato {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.button-answer--autorrelato:hover {
  background-color: #086083;
}
.button-answer--setorpublico {
  background-color: #28346F;
}
.button-answer--setorpublico:hover {
  background-color: #343c62;
}
.button-answer--heterorrelato {
  background-color: #8771AB;
}
.button-answer--heterorrelato:hover {
  background-color: #84739e;
}

.bg-section--white {
  background-color: #fff;
}

.bg-section--white--logo {
  padding: 1.2rem;
  border-radius: 0px 20px;
}

.content-main {
  z-index: 200;
  background-position: top;
  background-size: initial;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 1;
  width: 100vw;
  min-height: 100vh;
  height: 100%;
  overflow: visible;
}
@media (max-width: 899px) {
  .content-main {
    scrollbar-width: none;
  }
}
@media (min-width: 601px) {
  .content-main::-webkit-scrollbar {
    width: 4px;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    z-index: 999;
  }
  .content-main {
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
@media (min-width: 601px) and (max-width: 599px) {
  .content-main::-webkit-scrollbar {
    width: 0;
  }
}
@media (min-width: 601px) {
  .content-main::-webkit-scrollbar-track {
    background: transparent;
  }
  .content-main::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    border-radius: 10px;
  }
}
@media (min-width: 601px) and (landscape) {
  .content-main {
    padding-right: 0.75rem;
  }
}
.content-main-trigger {
  z-index: 300;
  color: hsl(210, 15%, 96%);
  height: 2rem;
  overflow: hidden;
  position: absolute;
  right: 1.5rem;
  top: 32px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2rem;
}
@media (min-width: 901px) {
  .content-main-trigger {
    display: none;
  }
}
.content-main-trigger > * {
  left: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100%;
}
.content-main-trigger__menu {
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.content-main-trigger__close {
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.content-main-trigger--is-activated [class*=__menu] {
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.content-main-trigger--is-activated [class*=__close] {
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
@media print {
  .content-main-trigger {
    display: none;
  }
}
.content-main__linha-filtro {
  position: absolute;
  display: inline-block;
  width: 100%;
}
.content-main__linha-titulo {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: end;
  padding: 1rem;
  -ms-flex-line-pack: start;
  align-content: start;
  font-size: 2rem;
  border-radius: 0rem 1rem 1rem 0rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  background-color: #fff;
  justify-content: start;
  position: relative;
  display: inline-block;
  font-weight: bold;
  top: 10rem;
  margin-right: 2rem;
  width: 32%;
}
.content-main__linha-titulo--adulto {
  color: #3FA5C3;
}
.content-main__linha-titulo--medio {
  color: #3FA5C3;
}
.content-main__linha-titulo--fundamental {
  color: #3FA5C3;
}
.content-main__linha-titulo--setorpublico {
  color: #28346F;
}
.content-main__linha-titulo--infantil {
  color: #8771AB;
}
@media (max-width: 599px) {
  .content-main__linha-titulo {
    width: 92% !important;
    top: 9rem !important;
  }
}
@media (max-width: 899px) {
  .content-main__linha-titulo {
    width: 50%;
    top: 16rem;
  }
}
@media (max-width: 1199px) {
  .content-main__linha-titulo {
    width: 50%;
    top: 13rem;
  }
}
@media (max-width: 1799px) {
  .content-main__linha-titulo {
    width: 50%;
    top: 10rem;
  }
}
.content-main__linha-titulo.acompanhamento {
  width: 35%;
}
.content-main__linha-titulo p {
  font-size: 2rem;
}
.content-main__linha-menu {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  /* height: fit-content; */
  text-align: end;
  -ms-flex-line-pack: start;
  align-content: start;
  border-radius: 0rem 1rem 1rem 0rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  position: relative;
  font-weight: bold;
  display: inline-block;
  top: 10rem;
  /* padding: 0rem; */
  margin-right: 1rem;
}
.content-main__linha-menu--adulto {
  width: auto;
  color: #3FA5C3;
}
.content-main__linha-menu--medio {
  width: auto;
  color: #3FA5C3;
}
.content-main__linha-menu--fundamental {
  width: auto;
  color: #3FA5C3;
}
.content-main__linha-menu--setorpublico {
  width: auto;
  color: #28346F;
}
.content-main__linha-menu--infantil {
  width: auto;
  color: #8771AB;
}
.content-main__linha-menu.acompanhamento {
  width: 14%;
}
.content-main--no-global-nav {
  overflow: hidden;
}
.content-main {
  background-color: #fafafa;
}
.content-main--adulto {
  background-size: initial;
}
.content-main--is-global [class*="--left-col"] {
  display: none;
}
.content-main--in-course {
  height: 100vh;
}
@media (max-width: 599px) {
  @supports (-webkit-touch-callout: none) {
    .content-main--in-course {
      height: 85vh;
    }
  }
}
.content-main--in-course [class*="--header"] {
  display: none;
}
.content-main__sugestoes-aulas-flutuante {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 10rem;
  width: auto;
  height: auto;
  z-index: 500;
  right: 30px;
  background-color: #0a7ba7;
  padding: 0.5rem 0.7rem;
  border-radius: 10px;
  color: #fff;
}
@media (max-width: 1199px) {
  .content-main__sugestoes-aulas-flutuante {
    width: 3.5rem;
    display: block;
    text-align: center;
    height: 3.5rem;
    padding: 0;
    top: 20rem;
  }
}
.content-main__sugestoes-aulas-flutuante span {
  background-color: white;
  border-radius: 10px;
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  margin: auto 0rem auto 0.8rem;
  padding: 0.15rem 0.3rem 0.4rem 0.25rem;
}
@media (max-width: 1199px) {
  .content-main__sugestoes-aulas-flutuante span {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 20px;
    padding: 0.5rem;
    display: block;
    margin: auto;
  }
}
.content-main__sugestoes-aulas-flutuante span img {
  width: 100%;
}
@media (max-width: 1199px) {
  .content-main__sugestoes-aulas-flutuante span img {
    width: 100%;
  }
}
.content-main__sugestoes-aulas-flutuante p {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0.1rem;
}
@media (max-width: 1199px) {
  .content-main__sugestoes-aulas-flutuante p {
    display: none;
  }
}

.certificado {
  background-color: #fff;
  height: 16rem;
  width: 21rem;
  margin: 0em auto;
  color: black;
  position: relative;
}
@media (min-width: 601px) {
  .certificado {
    background-color: #fff;
    height: 27rem;
    width: 80%;
    margin: 0em auto;
    color: black;
  }
}
@media (min-width: 901px) {
  .certificado {
    background-color: #fff;
    height: 36rem;
    margin: 0em auto;
    color: black;
  }
}
@media (min-width: 1201px) {
  .certificado {
    height: 50rem;
  }
}
.certificado__codigo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 2em;
  top: 2em;
  font-size: 0.8em;
  color: 666666;
}
@media (min-width: 601px) {
  .certificado__codigo {
    right: 1.5em;
    top: 2em;
    font-size: 1em;
  }
}
@media (min-width: 901px) {
  .certificado__codigo {
    right: 1.5em;
    top: 2em;
    font-size: 1.2em;
  }
}
@media (min-width: 1201px) {
  .certificado__codigo {
    right: 3.5em;
    top: 5em;
    font-size: 1.5em;
  }
}
.certificado__logo {
  width: 60%;
  margin: 0em auto;
  padding: 3rem 0 0rem;
}
@media (min-width: 601px) {
  .certificado__logo {
    width: 60%;
    margin: 0em auto;
    padding: 1.5rem 0 0rem;
  }
}
@media (min-width: 901px) {
  .certificado__logo {
    width: 40%;
    padding: 4rem 0 0rem;
  }
}
@media (min-width: 1201px) {
  .certificado__logo {
    width: 55%;
    padding: 8rem 0 0rem;
  }
}
.certificado__percurso {
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.1em;
}
@media (min-width: 601px) {
  .certificado__percurso {
    text-align: center;
    font-size: 1.5em;
    letter-spacing: 0.1em;
  }
}
.certificado__carga-horaria {
  padding: 0.5rem;
  position: absolute;
  margin-top: 1rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.5rem;
  letter-spacing: 0.1rem;
}
@media (min-width: 901px) {
  .certificado__carga-horaria {
    font-size: 1.5em;
  }
}
.certificado__nome {
  font-family: relation-two, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  text-align: center;
}
@media (min-width: 601px) {
  .certificado__nome {
    font-size: 1.5em;
  }
}
@media (min-width: 901px) {
  .certificado__nome {
    font-size: 1.5em;
    margin-top: 5rem;
  }
}
@media (min-width: 1201px) {
  .certificado__nome {
    font-size: 3em;
  }
}
.certificado__nome--linha {
  border-bottom: 2px solid #000;
  width: 50%;
  text-align: center;
  margin: auto;
}
.certificado__nome h3 {
  color: 666666 !important;
}
.certificado__data {
  width: 40%;
  text-align: center;
  margin: 6em 1em 2em 3em;
  position: relative;
  display: inline-block;
  font-family: montserrat, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.5em;
}
@media (min-width: 601px) {
  .certificado__data {
    margin: 11em 1em 2em 13em;
    width: 30%;
  }
}
@media (min-width: 901px) {
  .certificado__data {
    margin: 8em -4em 0em 16em;
    width: 35%;
  }
  .certificado__data h3 {
    font-size: 2.5em;
  }
}
@media (min-width: 1201px) {
  .certificado__data {
    margin: 21em 1em 2em 16em;
  }
}
.certificado__data p {
  font-size: 0.8em;
  letter-spacing: 0.2em;
  color: 666666;
}
@media (min-width: 901px) {
  .certificado__data p {
    font-size: 1.8em;
  }
}
.certificado__assinatura {
  width: 40%;
  text-align: center;
  margin: 0em 1em 2em -1em;
  position: relative;
  display: inline-block;
  font-family: montserrat, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.4em;
}
@media (min-width: 601px) {
  .certificado__assinatura {
    margin: 0em 1em 2em 0em;
    width: 30%;
  }
}
@media (min-width: 901px) {
  .certificado__assinatura {
    margin: 10em 1em 2em 0em;
    width: 35%;
  }
}
@media (min-width: 1201px) {
  .certificado__assinatura {
    margin: 0em 1em 2em 0em;
  }
}
.certificado__assinatura img {
  width: 75%;
}
.certificado__assinatura p {
  font-size: 1em;
  letter-spacing: 0.2em;
  color: 666666;
}
@media (min-width: 901px) {
  .certificado__assinatura p {
    font-size: 2em;
  }
}
.certificado__detalhe-esq-botom {
  position: relative;
  margin: 0rem 0rem;
}
@media (min-width: 1201px) {
  .certificado__detalhe-esq-botom {
    margin: 3rem 1rem;
  }
}
.certificado__detalhe-dir-top {
  position: relative;
  margin: 0rem 0rem;
}
@media (min-width: 601px) {
  .certificado__detalhe-dir-top {
    position: relative;
    margin: -1em 0rem;
  }
}
@media (min-width: 901px) {
  .certificado__detalhe-dir-top {
    position: relative;
    margin: 0.3em 0rem;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-dir-top {
    position: relative;
    margin: -9rem 0rem;
  }
}
.certificado__detalhe-esq-top {
  border-bottom-right-radius: 100%;
  width: 4rem;
  height: 4rem;
  background-color: #f25626;
  position: absolute;
}
@media (min-width: 901px) {
  .certificado__detalhe-esq-top {
    width: 12rem;
    height: 12rem;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-esq-top {
    width: 13rem;
    height: 13rem;
  }
}
.certificado__detalhe-esq-top--int-branco {
  border-bottom-right-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 901px) {
  .certificado__detalhe-esq-top--int-branco {
    width: 10.5rem;
    height: 10.5rem;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-esq-top--int-branco {
    width: 9.5rem;
    height: 9.5rem;
  }
}
.certificado__detalhe-esq-top--int-laranja {
  border-bottom-right-radius: 100%;
  width: 2rem;
  height: 2rem;
  background-color: #f25626;
}
@media (min-width: 901px) {
  .certificado__detalhe-esq-top--int-laranja {
    width: 8rem;
    height: 8rem;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-esq-top--int-laranja {
    width: 8rem;
    height: 8rem;
  }
}
.certificado__detalhe-esq-top--int-branco-int {
  border-bottom-right-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 901px) {
  .certificado__detalhe-esq-top--int-branco-int {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-esq-top--int-branco-int {
    width: 5rem;
    height: 5rem;
  }
}
.certificado__detalhe-esq-top--int-laranja-int {
  border-bottom-right-radius: 100%;
  width: 1rem;
  height: 1rem;
  background-color: #f25626;
}
@media (min-width: 901px) {
  .certificado__detalhe-esq-top--int-laranja-int {
    width: 4rem;
    height: 4rem;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-esq-top--int-laranja-int {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.certificado__detalhe-esq-top--int-branco-int2 {
  border-bottom-right-radius: 100%;
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 901px) {
  .certificado__detalhe-esq-top--int-branco-int2 {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-esq-top--int-branco-int2 {
    width: 1rem;
    height: 1rem;
  }
}
.certificado__borda-dir-topo {
  margin: 0 auto;
  height: 181px;
  position: absolute;
  top: -14.5em;
  right: 0.5em;
  width: 278px;
  border: 3px solid transparent;
  -o-border-image: -o-linear-gradient(45deg, white 60%, black);
  border-image: linear-gradient(33deg, rgba(255, 255, 255, 0) 66%, black 43%, rgba(17, 20, 23, 0.1019607843) 94%, black 98%);
  border-image-slice: 1;
}
@media (min-width: 601px) {
  .certificado__borda-dir-topo {
    top: -20.5em;
    right: 0.5em;
  }
}
@media (min-width: 901px) {
  .certificado__borda-dir-topo {
    top: -32em;
    right: 0.5em;
    width: 700px;
    height: 240px;
  }
}
@media (min-width: 1201px) {
  .certificado__borda-dir-topo {
    margin: 0 auto;
    height: 181px;
    position: absolute;
    top: -14.1em;
    height: 737px;
    position: absolute;
    width: 825px;
    top: -31em;
    right: 3em;
    border: 5px solid transparent;
    -o-border-image: -o-linear-gradient(45deg, white 60%, black);
    border-image: linear-gradient(33deg, rgba(255, 255, 255, 0) 66%, black 43%, rgba(17, 20, 23, 0.1019607843) 94%, black 98%);
    border-image-slice: 1;
  }
}
.certificado__borda-dir-topo-baixo {
  margin: 0 auto;
  height: 181px;
  position: absolute;
  top: -14em;
  right: 1em;
  width: 278px;
  border: 3px solid transparent;
  -o-border-image: -o-linear-gradient(45deg, white 60%, black);
  border-image: linear-gradient(33deg, rgba(255, 255, 255, 0) 66%, black 43%, rgba(17, 20, 23, 0.1019607843) 94%, black 98%);
  border-image-slice: 1;
}
@media (min-width: 601px) {
  .certificado__borda-dir-topo-baixo {
    margin: 0 auto;
    height: 132px;
    position: absolute;
    top: -20em;
    right: 1em;
    width: 436px;
    border: 3px solid transparent;
    -o-border-image: -o-linear-gradient(45deg, white 60%, black);
    border-image: linear-gradient(32deg, rgba(255, 255, 255, 0) 68%, black 58%, rgba(17, 20, 23, 0.1019607843) 81%, black 98%);
    border-image-slice: 1;
  }
}
@media (min-width: 901px) {
  .certificado__borda-dir-topo-baixo {
    top: -31.5em;
    right: 1em;
    width: 712px;
    height: 300px;
  }
}
@media (min-width: 1201px) {
  .certificado__borda-dir-topo-baixo {
    margin: 0 auto;
    height: 737px;
    position: absolute;
    width: 825px;
    top: -30em;
    right: 4em;
    border: 5px solid transparent;
    -o-border-image: -o-linear-gradient(45deg, white 60%, black);
    border-image: linear-gradient(33deg, rgba(255, 255, 255, 0) 66%, black 43%, rgba(17, 20, 23, 0.1019607843) 94%, black 98%);
    border-image-slice: 1;
  }
}
.certificado__borda-esq-topo {
  margin: 0 auto;
  height: 219px;
  position: absolute;
  bottom: -0.5em;
  left: 0.5em;
  width: 298px;
  border: 3px solid transparent;
  -o-border-image: -o-linear-gradient(45deg, white 60%, black);
  border-image: linear-gradient(207deg, rgba(255, 255, 255, 0) 70%, black 58%, rgba(17, 20, 23, 0.1019607843) 85%, black 98%);
  border-image-slice: 1;
}
@media (min-width: 601px) {
  .certificado__borda-esq-topo {
    left: 0.5em;
    bottom: -5em;
    margin: 0 auto;
    height: 250px;
    position: absolute;
    width: 400px;
    border: 3px solid transparent;
    -o-border-image: -o-linear-gradient(45deg, white 60%, black);
    border-image: linear-gradient(211deg, rgba(255, 255, 255, 0) 70%, black 58%, rgba(17, 20, 23, 0.1019607843) 85%, black 98%);
    border-image-slice: 1;
  }
}
@media (min-width: 901px) {
  .certificado__borda-esq-topo {
    bottom: -1.5em;
    left: 1em;
    width: 790px;
  }
}
@media (min-width: 1201px) {
  .certificado__borda-esq-topo {
    margin: 0 auto;
    height: 529px;
    position: absolute;
    bottom: -1em;
    left: 0.5em;
    width: 1202px;
    bottom: -8em;
    left: 3em;
    border: 5px solid transparent;
    -o-border-image: -o-linear-gradient(45deg, white 60%, black);
    border-image: linear-gradient(216deg, rgba(255, 255, 255, 0) 70%, black 58%, rgba(17, 20, 23, 0.1019607843) 85%, black 98%);
    border-image-slice: 1;
  }
}
.certificado__borda-esq-topo-baixo {
  margin: 0 auto;
  height: 230px;
  position: absolute;
  height: 237px;
  position: absolute;
  bottom: 0em;
  left: 1em;
  width: 224px;
  border: 3px solid transparent;
  -o-border-image: -o-linear-gradient(45deg, white 60%, black);
  border-image: linear-gradient(207deg, rgba(255, 255, 255, 0) 69%, black 58%, rgba(17, 20, 23, 0.1019607843) 81%, black 98%);
  border-image-slice: 1;
}
@media (min-width: 601px) {
  .certificado__borda-esq-topo-baixo {
    bottom: -4.5em;
    left: 1em;
    margin: 0 auto;
    height: 256px;
    position: absolute;
    width: 402px;
    border: 3px solid transparent;
    -o-border-image: -o-linear-gradient(45deg, white 60%, black);
    border-image: linear-gradient(212deg, rgba(255, 255, 255, 0) 69%, black 58%, rgba(17, 20, 23, 0.1019607843) 81%, black 98%);
    border-image-slice: 1;
  }
}
@media (min-width: 901px) {
  .certificado__borda-esq-topo-baixo {
    bottom: -2em;
    left: 0.5em;
    width: 700px;
  }
}
@media (min-width: 1201px) {
  .certificado__borda-esq-topo-baixo {
    margin: 0 auto;
    height: 737px;
    position: absolute;
    width: 825px;
    bottom: -9em;
    left: 2em;
    border: 5px solid transparent;
    -o-border-image: -o-linear-gradient(45deg, white 60%, black);
    border-image: linear-gradient(216deg, rgba(255, 255, 255, 0) 69%, black 58%, rgba(17, 20, 23, 0.1019607843) 81%, black 98%);
    border-image-slice: 1;
  }
}
.certificado__detalhe-dir-botom {
  position: absolute;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 0px;
  right: 0px;
}
@media (min-width: 601px) {
  .certificado__detalhe-dir-botom {
    bottom: 0px;
    right: 0px;
  }
}
@media (min-width: 901px) {
  .certificado__detalhe-dir-botom {
    bottom: 0px;
    right: 0px;
  }
}
@media (min-width: 1201px) {
  .certificado__detalhe-dir-botom {
    bottom: 0em;
    right: 0em;
  }
}
@media print {
  .certificado__print-canvas {
    page-break-inside: avoid;
    position: absolute;
    display: block;
    margin: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .certificado__print-cert {
    overflow: hidden;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    overflow: hidden !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
  }
  .certificado__noprint {
    display: none;
  }
}

.btn-imprimir {
  text-align: end;
  /* margin: 10.2rem; */
  background-color: #f25626;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem;
  border-radius: 5px;
  position: absolute;
  margin: 0rem 0;
  top: 20rem;
  right: 1rem;
  cursor: pointer;
}
@media (min-width: 601px) {
  .btn-imprimir {
    top: 0rem;
  }
}
@media (min-width: 1201px) {
  .btn-imprimir {
    top: 0rem;
    right: 14rem;
  }
}

.certificate {
  width: 100%;
  max-width: 960px;
  aspect-ratio: 297/210;
  height: auto;
  margin: 1.5rem auto;
  background-image: url(/assets/img/plataforma/certificado-fundo.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(1rem, 4vw, 2rem);
}
.certificate > * {
  z-index: 2;
}
.certificate__btn {
  font-size: medium;
  left: 65%;
  margin-bottom: 0;
  margin-left: 20px;
  margin-top: 20px;
  top: 3%;
  width: auto;
}
.certificate__img {
  height: 35px;
}
.certificate__watermark {
  opacity: 0.05;
  position: absolute;
  right: -100px;
  top: 185px;
  width: 980px;
  z-index: 1;
}
.certificate__watermark--leaves {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(90deg) translateY(-40%);
      -ms-transform: rotate(90deg) translateY(-40%);
          transform: rotate(90deg) translateY(-40%);
  width: auto;
}
.certificate__logo svg {
  display: block;
  height: auto;
  width: 100%;
}
.certificate__logo--academia {
  margin: 1rem;
}
.certificate__logo--semente-educacao {
  margin: 1rem;
}
.certificate__content {
  position: relative;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  max-width: 80%;
  margin: 0 auto;
}
.certificate__content p {
  text-align: center;
  width: 80%;
  margin: auto;
  color: #4D5457;
  margin-top: 0.5rem;
  text-align: center;
  color: #4D5457;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}
@media (max-width: 899px) {
  .certificate__content p {
    font-size: 1.1rem;
  }
}
@media (max-width: 599px) {
  .certificate__content p {
    font-size: 0.5rem;
    line-height: 13px;
    margin-top: 0rem;
  }
}
.certificate__aux {
  display: block;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 16px;
}
@media (max-width: 599px) {
  .certificate__aux {
    font-size: 1rem;
  }
}
.certificate__aux img {
  border: 0;
  height: auto;
  max-width: 76%;
  vertical-align: middle;
  margin: auto;
  text-align: center;
  position: relative;
  display: block;
}
@media (max-width: 599px) {
  .certificate__aux img {
    max-width: 100%;
  }
}
.certificate__title {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 100px;
  text-align: right;
  color: #4D5457;
}
.certificate__title svg {
  height: auto;
  -webkit-transform: translateY(20%);
      -ms-transform: translateY(20%);
          transform: translateY(20%);
  width: 56px;
}
@media (max-width: 599px) {
  .certificate__title {
    font-size: 1.6rem;
  }
}
@media (max-width: 899px) {
  .certificate__title {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .certificate__title {
    margin-bottom: 2rem;
  }
}
.certificate__code {
  bottom: 40px;
  font-size: 10px;
  position: absolute;
  right: 40px;
  text-transform: uppercase;
}
.certificate__students-name {
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #4D5457;
  font-family: Bellota Text;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  height: 80px;
  color: #4D5457;
  line-height: 1.3;
  text-align: center;
  width: 75%;
  position: relative;
  display: inline-block;
}
@media (max-width: 899px) {
  .certificate__students-name {
    font-size: 3rem;
    height: 65px;
  }
}
@media (max-width: 599px) {
  .certificate__students-name {
    font-size: 1.5rem;
    height: 35px;
  }
}
.certificate__ceo-signature {
  text-align: center;
  width: 25%;
  margin: 6rem auto 0;
  height: 7rem;
}
.certificate__ceo-signature--bg-mode {
  background-image: url(/assets/img/assinatura.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 3rem;
}
@media (max-width: 599px) {
  .certificate__ceo-signature {
    width: 70% !important;
    margin-left: 3rem;
    height: 4rem !important;
  }
}
@media (max-width: 899px) {
  .certificate__ceo-signature {
    width: 60%;
  }
}
@media (max-width: 1199px) {
  .certificate__ceo-signature {
    width: 55%;
    height: 6rem;
  }
}
.certificate__ceo-signature img {
  width: 65%;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}
.certificate__ceo {
  font-weight: bold !important;
  text-align: center;
  width: 256px;
  margin-top: 4rem;
  top: 5rem;
  border-top: 1px solid #4D5457;
  width: 20% !important;
}
@media (max-width: 599px) {
  .certificate__ceo {
    width: 100% !important;
    margin-top: 0rem !important;
  }
}
@media (max-width: 899px) {
  .certificate__ceo {
    width: 70% !important;
    margin-top: 0rem !important;
  }
}
@media (max-width: 1199px) {
  .certificate__ceo {
    width: 50% !important;
    margin-top: 3rem !important;
  }
}
.certificate__ceo svg {
  -webkit-transform: translateY(12px);
      -ms-transform: translateY(12px);
          transform: translateY(12px);
}
.certificate__logos {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 2rem auto;
}
@media (max-width: 599px) {
  .certificate__logos {
    width: 100% !important;
  }
}
@media (max-width: 899px) {
  .certificate__logos {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .certificate__logos {
    width: 75%;
  }
}
.certificate__ceo-aux {
  display: block;
  font-weight: 300;
}

.about-author {
  max-width: 100%;
  width: 32rem;
}
@media (min-width: 601px) {
  .about-author {
    max-width: 45vw;
  }
}
.about-author__header {
  margin-bottom: 1rem;
}
.about-author__thumb {
  margin-right: 1rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .about-author__thumb {
    margin-right: 1.5rem;
  }
}
.about-author__name {
  display: inline-block;
  font-size: 1.35rem;
  font-weight: 700;
  vertical-align: middle;
}
.about-author__info > * {
  line-height: 1.5;
}

.heterorrelato {
  position: relative;
  margin-bottom: 3.5rem;
  font-family: "poppins", sans-serif;
}
.heterorrelato--questoes-contador {
  background-color: #f3f0f8;
  color: #8771AB;
  border-radius: 10px;
  padding: 1rem;
  font-weight: 500;
  height: auto;
  position: relative;
  text-align: left;
  margin-bottom: 3rem;
}
@media (max-width: 599px) {
  .heterorrelato--questoes-contador {
    margin-bottom: 2rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-img {
    width: 10rem;
    height: 10rem;
  }
}
.heterorrelato__infos-gerais {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 601px) {
  .heterorrelato__infos-gerais {
    display: block;
  }
}
@media (max-width: 599px) {
  .heterorrelato__infos-gerais {
    display: block;
  }
}
@media (min-width: 901px) {
  .heterorrelato__infos-gerais {
    display: inline;
  }
}
@media (min-width: 1201px) {
  .heterorrelato__infos-gerais {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.heterorrelato__circumplexo--instrucoes {
  margin-left: 2rem;
  margin-top: 2rem;
}
.heterorrelato__nome-competencia {
  font-size: 0.8rem;
}
.heterorrelato__base-tabela {
  position: absolute;
  width: 30rem;
  height: auto;
  background-color: #fff;
  border-radius: 23px;
  z-index: 9;
  right: 0rem;
  padding: 2rem;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}
.heterorrelato__base-tabela img {
  width: 50% !important;
  text-align: center;
  margin: auto;
  display: block;
}
@media (max-width: 1199px) {
  .heterorrelato__base-tabela {
    width: 28rem;
    right: 0.7rem;
    top: 0.45rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__base-tabela {
    width: 26rem;
    right: 0.7rem;
    top: 0.45rem;
  }
}
.heterorrelato__circumplexo--box {
  border-radius: 15px;
  padding: 1rem;
  color: #000;
  width: 95%;
  text-align: left;
  height: 19rem;
  position: relative;
  margin: 0rem auto 1rem;
  -webkit-box-shadow: -10px -10px 30px 0px rgba(0, 0, 0, 0.02), 10px 10px 30px 0px rgba(0, 0, 0, 0.03);
          box-shadow: -10px -10px 30px 0px rgba(0, 0, 0, 0.02), 10px 10px 30px 0px rgba(0, 0, 0, 0.03);
}
.heterorrelato__circumplexo--box p {
  font-size: 1rem;
  color: #333;
  font-weight: 400;
}
.heterorrelato__circumplexo--box img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 4rem !important;
  border-radius: 100%;
  padding: 0.5rem;
  margin: 0.5rem auto;
}
@media (min-width: 1201px) {
  .heterorrelato__circumplexo--box img {
    left: 3.5rem;
    bottom: 1rem;
  }
}
@media (min-width: 1801px) {
  .heterorrelato__circumplexo--box img {
    left: 5rem;
    bottom: 0.5rem;
  }
}
.heterorrelato__circumplexo--box img.autogestao {
  border: 1px solid #8AB925;
}
.heterorrelato__circumplexo--box img.abertura {
  border: 1px solid #765AA3;
}
.heterorrelato__circumplexo--box img.amabilidade {
  border: 1px solid #E61D47;
}
.heterorrelato__circumplexo--box img.engajamento {
  border: 1px solid #F4BB2F;
}
.heterorrelato__circumplexo--box img.modulacao {
  border: 1px solid #3FA5C3;
}
.heterorrelato__circumplexo--box-linha-competencias {
  width: 100%;
  padding: 1rem;
}
.heterorrelato__fechar-tabela {
  background-color: #8771AB;
  border-radius: 100%;
  width: 2.5rem !important;
  position: absolute;
  right: 1rem;
  top: 1rem;
  padding: 0.7rem 0.5rem;
  margin: auto;
  text-align: center;
  font-weight: bold;
}
.heterorrelato__detalhes-abertos {
  margin-top: 0 !important;
  gap: 1rem 0;
}
.heterorrelato__circumplexo--titulo-detalhes {
  font-size: 1rem;
  font-weight: 600;
  color: #8771AB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.heterorrelato__circumplexo--prioridades {
  height: 10rem;
  border: 2px solid #8771AB;
  border-radius: 15px;
}
@media (max-width: 599px) {
  .heterorrelato__circumplexo--prioridades {
    height: 20rem;
    border: none;
  }
}
@media (min-width: 1801px) {
  .heterorrelato__circumplexo--prioridades {
    height: 12rem;
  }
}
.heterorrelato__circumplexo--prioridades p {
  color: #8771AB;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}
.heterorrelato__circumplexo--topo {
  text-align: left;
}
.heterorrelato__circumplexo--topo p {
  font-size: 2.3rem;
  color: #8771AB;
}
@media (max-width: 599px) {
  .heterorrelato__circumplexo--topo p {
    font-size: 1.3rem;
  }
}
.heterorrelato__circumplexo--topo h3 {
  font-size: 2.2rem;
  color: #8771AB;
  font-weight: bold;
}
@media (max-width: 599px) {
  .heterorrelato__circumplexo--topo h3 {
    font-size: 1.3rem;
    line-height: 3rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__circumplexo--topo {
    text-align: center;
  }
}
@media (max-width: 899px) {
  .heterorrelato__circumplexo--topo {
    text-align: center;
  }
}
.heterorrelato__circumplexo--descricao {
  font-size: 1rem;
  margin-top: 1rem;
  margin-right: 1.5rem;
}
@media (max-width: 599px) {
  .heterorrelato__circumplexo--descricao {
    display: none;
  }
}
.heterorrelato__wifis-prioritarios-1 {
  border: 2px solid #8771AB;
  border-radius: 15px;
  color: #60b34b;
  font-size: 1.5rem;
  padding: 0.5rem 0.25rem;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-1 p {
    margin-top: 1rem !important;
    font-size: 1.4rem;
  }
}
.heterorrelato__wifis-prioritarios-1 p + p {
  margin-top: 0rem !important;
  color: #8771AB;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-1 p + p {
    margin-top: 1rem !important;
    font-size: 1.4rem;
  }
}
.heterorrelato__wifis-prioritarios-1 p + p + p {
  color: #000;
  font-size: 1rem;
  margin-top: 1rem !important;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-1 p + p + p {
    display: none;
  }
}
@media (max-width: 899px) {
  .heterorrelato__wifis-prioritarios-1 {
    margin-top: 2rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-1 {
    border: none;
    margin-top: 0rem;
  }
}
.heterorrelato__wifis-prioritarios-2 {
  border: 2px solid #8771AB;
  border-radius: 15px;
  color: #4ba0d9;
  font-size: 1.5rem;
  padding: 0.5rem 0.25rem;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-2 {
    border: none;
    margin-top: 0rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-2 p {
    margin-top: 1rem !important;
    font-size: 1.4rem;
  }
}
.heterorrelato__wifis-prioritarios-2 p + p {
  font-size: 1rem;
  margin-top: 1rem !important;
  color: #000;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-2 p + p {
    margin-top: 1rem !important;
    font-size: 1.15rem;
  }
}
.heterorrelato__wifis-prioritarios-3 {
  border: 2px solid #8771AB;
  border-radius: 15px;
  color: #f5ba30;
  font-size: 1.5rem;
  padding: 0.5rem 0.25rem;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-3 {
    border: none;
  }
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-3 p {
    margin-top: 1rem !important;
    font-size: 1.4rem;
  }
}
.heterorrelato__wifis-prioritarios-3 p + p {
  margin-top: 0rem !important;
  color: #e62542;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-3 p + p {
    margin-top: 1rem !important;
    font-size: 1.4rem;
  }
}
.heterorrelato__wifis-prioritarios-3 p + p + p {
  color: #000;
  font-size: 1rem;
  margin-top: 1rem !important;
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-3 p + p + p {
    display: none;
  }
}
@media (max-width: 899px) {
  .heterorrelato__wifis-prioritarios-3 {
    margin-top: 2rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__wifis-prioritarios-3 {
    border: none;
    margin-top: 0rem;
  }
}
.heterorrelato__tabela {
  width: 3.5rem;
  /* display: grid; */
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  cursor: pointer;
}
.heterorrelato__tabela-table_img {
  width: 2.5rem;
  margin-left: -0.5rem;
}
@media (max-width: 599px) {
  .heterorrelato__tabela {
    display: none;
  }
}
.heterorrelato__relatorio--tabela-table {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  z-index: 999999999999999;
  position: relative;
  margin: 0.5rem;
  width: 4rem;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.09);
          box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.09);
  border-radius: 0.5rem;
}
.heterorrelato__tabela-mobile {
  width: 2.3rem;
  /* display: grid; */
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
}
@media (min-width: 1201px) {
  .heterorrelato__tabela-mobile {
    display: none;
  }
}
@media (max-width: 899px) {
  .heterorrelato__video-mobile {
    margin: auto;
  }
}
@media (max-width: 599px) {
  .heterorrelato__video-mobile {
    margin: auto;
  }
}
.heterorrelato__tabela-familias {
  width: -webkit-fill-available;
  display: contents;
}
@media (min-width: 901px) {
  .heterorrelato__tabela-familias {
    display: none;
  }
}
@media (min-width: 601px) {
  .heterorrelato__tabela-familias {
    display: none;
  }
}
@media (min-width: 1201px) {
  .heterorrelato__tabela-familias {
    display: contents;
  }
}
.heterorrelato__prioridades--medicao {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.heterorrelato__container-resumo-prioridades {
  border-radius: 10px;
  padding: 1.5rem 0 0 0;
  font-size: 1.35rem;
  position: relative;
}
@media (max-width: 599px) {
  .heterorrelato__container-resumo-prioridades {
    padding: 0rem;
  }
}
.heterorrelato__prioridades {
  display: inline-block;
  width: 100%;
}
.heterorrelato__prioridades--linha {
  width: 80%;
  height: 1rem;
  background: -webkit-gradient(linear, right top, left top, from(#ace8ff), to(#054159));
  background: -o-linear-gradient(right, #ace8ff 0%, #054159 100%);
  background: linear-gradient(270deg, #ace8ff 0%, #054159 100%);
  top: 2rem;
  /* position: absolute; */
  top: 1rem;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (min-width: 1801px) {
  .heterorrelato__prioridades--linha {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .heterorrelato__prioridades--linha {
    width: 65%;
    margin-left: 5rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__prioridades--linha {
    margin-left: 0rem;
    margin-top: 5rem;
  }
}
.heterorrelato__prioridades--medicao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.heterorrelato__prioridades--medicao p {
  font-size: 1.1rem;
  display: inline-block;
  position: absolute;
  color: #8771AB;
  text-align: center;
}
.heterorrelato__prioridades--medicao p:first-child {
  left: 2rem;
  color: #8771AB;
  font-size: 1.1rem;
}
.heterorrelato__prioridades--medicao p:last-child {
  right: 2rem;
  font-size: 1.1rem;
  color: #8771AB;
}
@media (max-width: 599px) {
  .heterorrelato__prioridades--medicao {
    display: none;
  }
}
.heterorrelato__prioridades p {
  font-size: 1.5rem;
  margin-top: 3rem;
  color: #8771AB;
  text-align: center;
}
@media (max-width: 599px) {
  .heterorrelato__prioridades p {
    margin-top: 1rem;
  }
}
.heterorrelato__prioridades p + p {
  text-align: left;
}
.heterorrelato__prioridades--trios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -1.15rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.heterorrelato__prioridades--trios p {
  font-size: 0.8rem !important;
  color: #333 !important;
  position: relative;
  top: 3rem !important;
  left: -5rem;
  /* background-color: bisque; */
  /* width: 3rem; */
  display: inline-block;
  font-weight: 400;
}
.heterorrelato__prioridades--quadrante {
  width: 3rem;
  height: 3rem;
  position: relative;
  background-color: rgba(180, 186, 187, 0.831372549);
  display: inline-block;
  border-radius: 5px;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1rem 0.85rem;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.heterorrelato__prioridades--eixo-um-comp1, .heterorrelato__prioridades--eixo-um-comp2, .heterorrelato__prioridades--eixo-um-comp3, .heterorrelato__prioridades--eixo-dois-comp1, .heterorrelato__prioridades--eixo-dois-comp2, .heterorrelato__prioridades--eixo-dois-comp3, .heterorrelato__prioridades--eixo-tres-comp1, .heterorrelato__prioridades--eixo-tres-comp2, .heterorrelato__prioridades--eixo-tres-comp3 {
  -webkit-transition: scale linear 250ms;
  -o-transition: scale linear 250ms;
  transition: scale linear 250ms;
}
.heterorrelato__prioridades--eixo-um-comp1:hover, .heterorrelato__prioridades--eixo-um-comp2:hover, .heterorrelato__prioridades--eixo-um-comp3:hover, .heterorrelato__prioridades--eixo-dois-comp1:hover, .heterorrelato__prioridades--eixo-dois-comp2:hover, .heterorrelato__prioridades--eixo-dois-comp3:hover, .heterorrelato__prioridades--eixo-tres-comp1:hover, .heterorrelato__prioridades--eixo-tres-comp2:hover, .heterorrelato__prioridades--eixo-tres-comp3:hover {
  scale: 1.1;
  cursor: help;
}
.heterorrelato__prioridades--eixo-um-comp1:hover::before, .heterorrelato__prioridades--eixo-um-comp2:hover::before, .heterorrelato__prioridades--eixo-um-comp3:hover::before, .heterorrelato__prioridades--eixo-dois-comp1:hover::before, .heterorrelato__prioridades--eixo-dois-comp2:hover::before, .heterorrelato__prioridades--eixo-dois-comp3:hover::before, .heterorrelato__prioridades--eixo-tres-comp1:hover::before, .heterorrelato__prioridades--eixo-tres-comp2:hover::before, .heterorrelato__prioridades--eixo-tres-comp3:hover::before {
  content: attr(data-before);
  display: block;
  position: absolute;
  bottom: -65%;
  color: #808080;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  background-color: #fafafa;
}
.heterorrelato__prioridades--nome {
  width: 3rem;
}
.heterorrelato__prioridades--nome p {
  font-size: 0.8rem !important;
  color: #333333 !important;
  top: 0 !important;
}
.heterorrelato--resultado {
  border-radius: 10px;
  border: 2px solid #8771AB !important;
  background-color: #f3f0f8 !important;
  margin-bottom: 0 !important;
  padding: 1rem !important;
  height: 27rem !important;
}
@media (max-width: 599px) {
  .heterorrelato--resultado {
    height: 35rem !important;
  }
}
.heterorrelato--resultado h3 {
  text-align: center;
  font-size: 1.8rem;
  color: #8771AB;
  margin: 1rem auto 2rem;
  font-weight: 500;
}
.heterorrelato--questoes-resultado {
  background-color: #f3f0f8;
  color: #8771AB;
  border-radius: 10px;
  padding: 2rem;
  font-weight: 500;
  height: auto;
  position: relative;
  text-align: right;
}
.heterorrelato--questoes-resultado button {
  background-color: #8771AB;
  padding: 0rem 0rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  text-align: center;
  position: relative;
  margin: 1rem;
  margin: 2rem 0 1rem;
  height: 3rem;
  width: 13rem;
}
.heterorrelato--questoes-resultado button:hover {
  background-color: #ae96c9;
}
.heterorrelato--questoes-resultado button span {
  border: 0;
  height: 2rem;
  width: 30%;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  z-index: 999999999999999;
  position: relative;
  margin: 0rem 0.5rem;
  width: 2rem;
  background-size: 100%;
  background-image: url(/assets/img/ir--infantil.png);
}
.heterorrelato--questoes-resultado p {
  color: #808080;
  font-size: 1rem;
  margin: 1rem 2rem;
  text-align: left;
}
.heterorrelato--video {
  width: 70%;
  margin: auto;
}
@media (max-width: 899px) {
  .heterorrelato--video {
    width: 100%;
  }
}
.heterorrelato--resultado {
  width: 80%;
  margin: auto;
}
@media (max-width: 899px) {
  .heterorrelato--resultado {
    width: 100%;
  }
}
.heterorrelato--questoes {
  background-color: #f3f0f8;
  color: #8771AB;
  border-radius: 10px;
  padding: 2rem;
  font-weight: 500;
  height: auto;
  position: relative;
  text-align: end;
}
.heterorrelato--questoes img {
  border: 0;
  height: auto;
  max-width: 30%;
  vertical-align: middle;
  z-index: 999999999999999;
  position: relative;
  /* margin: 0.5rem; */
  width: 2rem;
}
.heterorrelato--questoes p {
  margin-bottom: 1rem;
}
.heterorrelato--questoes .titulo {
  color: #808080;
  font-size: 1.5rem;
  width: 50%;
  text-align: center;
  margin: auto;
}
@media (max-width: 599px) {
  .heterorrelato--questoes .titulo {
    width: 100%;
  }
}
.heterorrelato--questoes button {
  background-color: #8771AB;
  padding: 0rem 0rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  text-align: center;
  position: relative;
  margin: 1rem;
  margin: 2rem 0 1rem;
  height: 3rem;
  width: 12rem;
}
.heterorrelato--questoes button:hover {
  background-color: #ae96c9;
}
.heterorrelato--questoes button span {
  border: 0;
  height: 2rem;
  width: 30%;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  z-index: 999999999999999;
  position: relative;
  margin: 0rem 0.5rem;
  width: 2rem;
  background-size: 100%;
  background-image: url(/assets/img/ir--infantil.png);
}
.heterorrelato--competencia-questao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
.heterorrelato__avaliacao-nao-iniciada {
  background-repeat: no-repeat;
  width: 100%;
  height: 31rem;
  background-size: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1801px) {
  .heterorrelato__avaliacao-nao-iniciada {
    height: 40rem;
  }
}
@media (max-width: 599px) {
  .heterorrelato__avaliacao-nao-iniciada {
    height: 15rem;
  }
}
.heterorrelato__avaliacao-nao-iniciada--aviso {
  border: 2px solid #8771AB;
  background-color: #f3f0f8;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  width: 80%;
  margin: auto;
}
.heterorrelato__avaliacao-nao-iniciada--aviso img {
  width: 6% !important;
  display: inline-block !important;
  height: 4% !important;
}
@media (max-width: 599px) {
  .heterorrelato__avaliacao-nao-iniciada--aviso img {
    width: 20% !important;
  }
}
.heterorrelato__avaliacao-nao-iniciada--aviso p {
  margin-top: 1rem;
  font-size: 1.25rem;
  color: #8771AB;
  font-weight: 500;
  margin-left: 2.5rem;
}
@media (max-width: 599px) {
  .heterorrelato__avaliacao-nao-iniciada--aviso p {
    margin-left: 0;
  }
}
@media (max-width: 599px) {
  .heterorrelato__avaliacao-nao-iniciada--aviso {
    display: block;
    margin-left: 0;
    width: 100%;
  }
}
.heterorrelato__avaliacao-nao-iniciada--eixo1 {
  background-image: url(/assets/img/nao-iniciada-eixo-1.png);
}
@media (max-width: 599px) {
  .heterorrelato__avaliacao-nao-iniciada--eixo1 {
    background-image: none;
  }
}
.heterorrelato__avaliacao-nao-iniciada--eixo2 {
  background-image: url(/assets/img/nao-iniciada-eixo3-1.png);
}
@media (max-width: 599px) {
  .heterorrelato__avaliacao-nao-iniciada--eixo2 {
    background-image: none;
  }
}
.heterorrelato__avaliacao-nao-iniciada--eixo3 {
  background-image: url(/assets/img/nao-iniciada-eixo2-1.png);
}
@media (max-width: 599px) {
  .heterorrelato__avaliacao-nao-iniciada--eixo3 {
    background-image: none;
  }
}
.heterorrelato__painel {
  background-color: #fff;
  border-radius: 0px 20px;
  color: #000;
  padding: 2.5rem;
  letter-spacing: 1px;
  -webkit-box-align: start;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 599px) {
  .heterorrelato__painel {
    height: auto !important;
    display: block;
    padding: 1rem;
  }
}
@media (max-width: 899px) {
  .heterorrelato__painel {
    height: auto;
  }
}
.heterorrelato__painel--video {
  margin-top: 2rem;
  margin-right: 2rem;
}
.heterorrelato__painel--video-heterorrelato {
  padding: 56.25% 0 0 0;
  position: relative;
}
@media (max-width: 599px) {
  .heterorrelato__painel--video-heterorrelato {
    padding: 0;
    position: relative;
  }
}
@media (max-width: 599px) {
  .heterorrelato__painel--video-heterorrelato iframe {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    right: 7px;
    bottom: 10px;
    margin-bottom: 2rem;
  }
}
.heterorrelato__painel--familia {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
}
@media (max-width: 599px) {
  .heterorrelato__painel--familia {
    width: 70%;
    text-align: center;
    margin: auto;
  }
}
@media (max-width: 899px) {
  .heterorrelato__painel--familia {
    width: 70%;
    text-align: center;
    margin: 1rem auto;
  }
}
.heterorrelato__painel--titulo {
  color: #8771AB;
  font-size: 2rem;
  font-weight: 500;
  word-wrap: break-word;
  margin: 1rem auto 0;
}
@media (max-width: 599px) {
  .heterorrelato__painel--titulo {
    font-size: 1rem;
  }
}
.heterorrelato__painel--titulo span {
  color: #8771AB;
  font-size: 2rem;
  font-weight: 700;
  word-wrap: break-word;
}
.heterorrelato__painel--competencias {
  border: 1px solid #8771AB;
  border-radius: 10px;
  padding: 1rem;
  width: 95%;
  margin: 2rem;
  text-align: center;
}
@media (max-width: 599px) {
  .heterorrelato__painel--competencias {
    width: 21rem !important;
    text-align: center;
    margin: 1rem auto;
    position: relative;
    display: inline-block;
  }
}
@media (max-width: 899px) {
  .heterorrelato__painel--competencias {
    width: 23rem;
    text-align: center;
    margin: 1rem auto;
  }
}
@media (max-width: 1199px) {
  .heterorrelato__painel--competencias {
    width: 34rem;
  }
}
.heterorrelato__painel--competencias h1 {
  color: #8771AB;
  font-size: 1.5rem;
  font-weight: 600;
  word-wrap: break-word;
}
.heterorrelato__painel--competencias p {
  color: #8771AB;
  font-size: 0.75rem;
  font-weight: normal;
  word-wrap: break-word;
  margin: 1rem auto;
}
.heterorrelato__painel--competencias-icones {
  width: 17rem;
  margin: auto;
  text-align: center;
}
.heterorrelato__painel--competencias-icones.interpessoal, .heterorrelato__painel--competencias-icones.central {
  width: 15rem;
}
@media (max-width: 599px) {
  .heterorrelato__painel--competencias-icones.interpessoal, .heterorrelato__painel--competencias-icones.central {
    width: 15rem;
  }
}
.heterorrelato__painel--celula-tabela {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  margin: 0.5rem;
  line-height: 3rem;
  font-weight: bold;
  font-size: 1.3rem;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4588235294);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4588235294);
}
.heterorrelato__painel--celula-tabela.desativado {
  opacity: 0.5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.heterorrelato__painel--celula-tabela:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.heterorrelato__painel .progressBar {
  margin: 3rem 0 0;
  position: relative;
  text-align: left;
}
.heterorrelato__painel .progressBar h4 {
  font-size: 12px;
  text-transform: none;
  margin-bottom: 7px;
  margin: 1rem 0 0.33rem 0.5rem;
  color: #8771AB;
  font-weight: 500;
  margin-top: 0.5rem;
}
.heterorrelato__painel .progressBarcontainer {
  width: 100%;
  height: 1.5rem;
  background: #e1e1e1 !important;
  overflow: hidden;
  border-radius: 0.3em;
}
.heterorrelato__painel .progressBarValue {
  height: 10px;
  float: left;
  border-radius: 0.3em;
  background: #8771AB; /* Old browsers */
  margin-top: 0.4rem;
  margin-left: 0.5rem;
}
.heterorrelato__painel .speech-bubble {
  font-size: 0.75em;
  line-height: 2em;
  position: absolute;
  top: -2.6em;
  text-align: center;
  min-width: 3em;
  border-radius: 0.3em;
  color: white;
  display: none;
}
.heterorrelato__painel .speech-bubble:after {
  border: 0.5em solid transparent;
  content: "";
  margin-left: -0.5em;
  position: absolute;
  bottom: -45%;
  left: 50%;
}
.heterorrelato__painel .html {
  left: calc(88.5% - 1.5em);
  background: #8771AB;
  padding-bottom: 0rem;
}
.heterorrelato__painel .html:after {
  border-top-color: #a487b2;
}
.heterorrelato__painel button {
  background-color: #8771AB;
  padding: 1rem 3rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  position: relative;
  margin: auto;
  line-height: 1rem;
}
.heterorrelato__painel button:hover {
  background-color: #ae96c9;
}
@media (max-width: 599px) {
  .heterorrelato__painel button {
    margin: auto;
  }
}
@media (max-width: 899px) {
  .heterorrelato__painel button {
    text-align: center;
    margin: auto;
  }
}
@media (max-width: 1199px) {
  .heterorrelato__painel button {
    margin: auto;
  }
}

.circumplexoAberto {
  height: auto;
  padding: 0.5rem;
  -webkit-transition: height 1s ease-in;
  -o-transition: height 1s ease-in;
  transition: height 1s ease-in;
  position: relative;
  display: initial;
}
@media (max-width: 599px) {
  .circumplexoAberto {
    left: 0rem;
    display: none;
  }
}

.image-change {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 1.5rem;
}
.image-change__image {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 6rem;
  position: relative;
  width: 12rem;
}
.image-change__image--empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 4px dotted hsl(214, 15%, 93%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-change__image--empty::before {
  color: hsl(209, 14%, 44%);
  content: "No image";
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
}
.image-change__cta {
  margin-left: 1.5rem;
}

.class-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -48px;
  margin-top: -48px;
}
.class-list > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 450px;
          flex: 1 0 450px;
  margin-left: 48px;
  margin-top: 48px;
}
@media (min-width: 996px) {
  .class-list > * {
    max-width: calc(50% - 48px);
  }
}
@media (min-width: 900px) {
  .class-list > * {
    min-width: calc(50% - 48px);
  }
}
@media (max-width: 600px) {
  .class-list > * {
    max-width: calc(100% - 48px);
  }
}
.class-list__class {
  padding: 1rem;
  background-size: cover;
  background-position: center;
  background-clip: border-box;
  background-origin: padding-box;
  background-repeat: no-repeat;
  border-radius: 20px 0 20px 0 !important;
  min-height: 18rem;
}
.class-list__class::before {
  background-color: hsl(210, 24%, 14%);
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 899px) {
  .class-list__class {
    padding: 0.2rem;
    height: 16rem;
    min-height: 0;
  }
}
.class-list__class:not([class*=is-disabled]):hover {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01);
}
.class-list__class:not([class*=is-disabled])::before {
  opacity: 0.6;
  border: solid 2px hsl(210, 15%, 96%);
}
.class-list__class > * {
  margin: 1rem;
}
@media (max-width: 899px) {
  .class-list__class > * {
    margin-top: 0.5rem;
  }
}
.class-list__class__icon {
  position: absolute;
  right: 0;
  background-color: hsl(209, 14%, 44%);
  top: 0;
  padding: 1rem;
  font-size: 1.35rem;
}
.class-list__class-bg--darkest {
  background-color: hsl(209, 20%, 26%);
  opacity: 0.3;
  width: 100%;
  height: 100%;
}
.class-list__class__position-holder {
  left: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.class-list__class__position {
  bottom: 0;
  font-size: 70px;
  font-weight: 900;
  line-height: 1;
  opacity: 0.2;
  position: absolute;
  text-align: right;
  right: 0;
  margin: 1.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 601px) {
  .class-list__class__position {
    font-size: 200px;
  }
}
@media (min-width: 901px) {
  .class-list__class__position {
    font-size: 100px;
  }
}
.class-list__class__description {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  max-width: 90%;
  opacity: 0.9;
}
@media (min-width: 601px) {
  .class-list__class__description {
    max-width: 60%;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 901px) {
  .class-list__class__description {
    max-width: 90%;
  }
}
.class-list__class__title {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .class-list__class__title {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .class-list__class__title {
    font-size: 2.25rem;
  }
}
.class-list__class__title {
  margin-bottom: 3rem;
  opacity: 0.9;
}
.class-list__class__cta {
  margin-top: 1.5rem;
  opacity: 0.9;
  cursor: pointer;
  position: absolute;
}
@media (min-width: 901px) {
  .class-list__class__cta {
    margin-top: auto;
  }
}
@media (max-width: 599px) {
  .class-list__class__cta {
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative;
  }
}

.classes {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  counter-set: classes;
}
.classes > li {
  counter-increment: classes;
  display: inline-block;
  margin: 1rem 2rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}
@media (max-width: 1199px) {
  .classes > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.class {
  border-radius: inherit;
  position: relative;
}
.class--no-block-radius {
  border-radius: 20px;
}
.class--is-disabled {
  cursor: not-allowed;
}
.class > * {
  z-index: 2;
}
.class {
  /*&__no-blocks {

   border-radius: 20px 0 20px 0;
   position: relative;
   width: 100%;

     &::before {
       bottom: 0;
       content: counter(classes);
       display: flex;
       font-size: 14vw;
       font-weight: $font-weight-5;
       height: 100%;
       width: 100%;
       line-height: 1;
       opacity: .25;
       position: absolute;
       left: 0;
       transform: translate(-8vw, 0);
       z-index: 4;

       // Telas de note "achatadas"
       @include media('>md', 'width<1300px') {
         left: 0;
         font-size: 10vw;
         opacity: .15;
         transform: translate(-4vw, 0);
       }

       @include media('<lg') {
         left: 0;
         font-size: 10vw;
         opacity: .15;
         transform: translate(-5.5vw, 0);
       }

       @include media('<md') {
         transform: none;
         position: relative;
         font-size: 10vw;
         opacity: .3;
         top: 0;
        // justify-content: center;

       }

     }

  }*/
}
.class__cta {
  border-radius: 8px;
  bottom: 2rem;
  font-size: 1.6rem;
  letter-spacing: 0;
  max-width: 100%;
  padding: 1rem;
  position: absolute;
  right: 2rem;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  width: 12.2rem;
}
@media (max-width: 599px) {
  .class__cta {
    width: 9rem;
    font-size: 17px;
    height: 2.5rem;
    border-radius: 5px;
    padding: 1rem;
    line-height: 11px;
    letter-spacing: 0.5px;
  }
}
.class__cta--adulto {
  background-color: #3FA5C3;
}
.class__cta--medio {
  background-color: #3FA5C3;
}
.class__cta--fundamental {
  background-color: #3FA5C3;
}
.class__cta--setorpublico {
  background-color: #28346F;
}
.class__cta--infantil {
  background-color: #8771AB;
}
.class__img {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  -webkit-box-shadow: -40px 0 40px -18px rgba(0, 0, 0, 0.35);
          box-shadow: -40px 0 40px -18px rgba(0, 0, 0, 0.35);
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 25rem;
  position: relative;
  width: 100%;
  z-index: 1;
  height: 20rem;
}
@media (max-width: 899px) {
  .class__img {
    height: 15rem !important;
  }
}
@media (max-width: 599px) {
  .class__img {
    min-height: 3rem;
    height: 20rem !important;
  }
}
[class*=is-disabled] .class__img {
  height: 25vh;
}
@supports not (background-blend-mode: luminosity) {
  [class*=is-disabled] .class__img::after {
    background-color: hsl(210, 15%, 96%);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
}
.class__info {
  color: hsl(210, 15%, 96%);
  color: #f3f5f6;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(26, 44, 60, 0.55);
  border-radius: inherit;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  padding: 1.5rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
[class*=is-disabled] .class__info {
  background-color: hsla(210, 15%, 8%, 0.9);
}
[class*=is-disabled--byTime] .class__info {
  background-color: hsla(210, 15%, 8%, 0.65);
}
@media (min-width: 601px) {
  .class__info {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    padding: 1rem 2.25rem;
  }
}
@media (max-width: 599px) {
  .class__info {
    padding: 1rem;
  }
}
.class__title {
  margin-bottom: 0.25rem;
  text-align: left;
  font-weight: 200;
  font-size: 1.5rem;
}
@media (max-width: 599px) {
  .class__title {
    margin-top: 1rem;
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .class__title {
    font-size: 1.3rem;
  }
}
@media (max-width: 1199px) {
  .class__title {
    font-size: 1.5rem;
  }
}
.class__title > span {
  display: block;
  line-height: 0.85;
  margin-bottom: 0.25rem;
}
@media (min-width: 601px) {
  .class__title > span {
    margin-bottom: 1rem;
  }
}
[class*=is-disabled] .class__title {
  opacity: 0.3;
}
.class__title p {
  font-size: 1.75rem;
}
.class__history {
  color: hsl(210, 16%, 85%);
  font-size: 1.35rem;
  margin-top: 2rem;
}
.class__history:not(:last-child) {
  margin-bottom: 5rem;
}
@media (max-width: 599px) {
  .class__history:not(:last-child) {
    font-size: 14px;
    margin-bottom: 1.5rem;
  }
}
.class__domain-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 2;
}
@media (max-width: 599px) {
  .class__domain-container {
    margin: 1rem 0.5rem;
  }
}
.class__domain__competency-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.class__domain--icon {
  background-repeat: no-repeat;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 62px;
  margin-top: 1rem;
  padding: 3rem;
  position: relative;
  width: 62px;
}
@media (max-width: 599px) {
  .class__domain--icon {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-size: 1.6rem;
    padding: 1rem;
    margin-top: 0.5rem;
  }
}
.class__domain--competency {
  background-repeat: no-repeat;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 62px;
  margin-top: 1rem;
  padding: 3rem;
  position: relative;
  width: 62px;
}
@media (max-width: 599px) {
  .class__domain--competency {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-size: 1.2rem;
    padding: 1rem;
  }
}
.class__status {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(234, 237, 240, 0.3803921569);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 20rem;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.class__status::after {
  font-size: 1.15rem;
  margin-left: 1rem;
}
[class*=is-completed] .class__status::after {
  content: " feito";
}
[class*=is-disabled] .class__status::after {
  content: " bloqueado";
}
.class__status::after {
  display: none;
}
@media (max-width: 599px) {
  .class__status {
    top: 1rem !important;
  }
}
@media (max-width: 899px) {
  .class__status {
    font-size: 20rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 13.35rem;
  }
}
.class__status-icon-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@media (max-width: 1199px) {
  .class__status-icon-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.class__status-icon-wrapper-img-lock {
  -ms-flex-item-align: center;
      align-self: center;
  background-image: url("/assets/img/padlock.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 21vh;
  justify-self: center;
  opacity: 0.7;
  position: absolute;
  -webkit-transform: translate(0, -15px);
      -ms-transform: translate(0, -15px);
          transform: translate(0, -15px);
  width: 21vh;
}
@media (max-width: 1799px) {
  .class__status-icon-wrapper-img-lock {
    height: 20vh;
    width: 20vh;
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-bottom: 10%;
  }
}
@media (max-width: 1199px) {
  .class__status-icon-wrapper-img-lock {
    margin-bottom: 7%;
  }
}
@media (max-width: 899px) {
  .class__status-icon-wrapper-img-lock {
    margin-bottom: 5%;
  }
}
@media (max-width: 599px) {
  .class__status-icon-wrapper-img-lock {
    height: 16vh;
    width: 16vh;
    margin-bottom: 20%;
  }
}
.class__status-icon-wrapper-img-clock {
  -ms-flex-item-align: center;
      align-self: center;
  background-image: url("/assets/img/clock-circular-outline.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 27vh;
  justify-self: center;
  opacity: 0.7;
  position: absolute;
  -webkit-transform: translate(0, -15px);
      -ms-transform: translate(0, -15px);
          transform: translate(0, -15px);
  width: 27vh;
}
@media (max-width: 1799px) {
  .class__status-icon-wrapper-img-clock {
    height: 23vh;
    width: 23vh;
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media (max-width: 1199px) {
  .class__status-icon-wrapper-img-clock {
    height: 15vh;
    width: 15vh;
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media (max-width: 899px) {
  .class__status-icon-wrapper-img-clock {
    height: 5vh;
    width: 5vh;
    position: absolute;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    right: 0;
    bottom: 0;
    margin: 2.25rem;
  }
}
@media (max-width: 599px) {
  .class__status-icon-wrapper-img-clock {
    height: 23vh;
    width: 23vh;
    position: absolute;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 1rem;
    bottom: 0;
    margin-right: 3.25rem;
    margin-bottom: 5rem;
  }
}
.class__status-info-card {
  background-color: #c4c3c3;
  padding: 0.5rem;
  border-radius: 10px;
  bottom: 1rem;
  position: absolute;
  font-size: 1rem;
  color: #434444;
  text-align: center;
}
@media (max-width: 599px) {
  .class__status-info-card {
    bottom: 2rem !important;
    width: 90%;
    font-size: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .class__status-info-card b {
    margin: 0.2rem;
  }
}
@media (max-width: 899px) {
  .class__status-info-card {
    bottom: 1rem;
    font-size: 0.8rem;
  }
}
@media (max-width: 1199px) {
  .class__status-info-card {
    bottom: 1rem;
  }
}
.class__lock-msg {
  display: none;
  color: hsla(210, 15%, 96%, 0.8);
  font-size: 1.35rem;
  margin-top: 1.5rem;
  text-align: center;
  width: 100%;
}
.class [class*=icon-clock] {
  opacity: 0.6;
}
.class__titulos {
  border-radius: 1rem;
  padding: 1rem;
  width: 50%;
}
.class__titulos--adulto {
  background-color: #3FA5C3;
}
.class__titulos--medio {
  background-color: #3FA5C3;
}
.class__titulos--fundamental {
  background-color: #3FA5C3;
}
.class__titulos--setorpublico {
  background-color: #28346F;
}
.class__titulos--infantil {
  background-color: #8771AB;
}
@media (max-width: 899px) {
  .class__titulos {
    width: 35%;
  }
}
@media (max-width: 1199px) {
  .class__titulos {
    width: 90%;
  }
}
[class*=is-disabled] .class__titulos {
  opacity: 0.1;
}
.class__titulos-sugestoes {
  border-radius: 1rem;
  padding: 1rem;
  width: 90%;
  text-align: left;
}
.class__titulos-sugestoes--adulto {
  background-color: #3FA5C3;
}
.class__titulos-sugestoes--medio {
  background-color: #3FA5C3;
}
.class__titulos-sugestoes--fundamental {
  background-color: #3FA5C3;
}
.class__titulos-sugestoes--setorpublico {
  background-color: #28346F;
}
.class__titulos-sugestoes--infantil {
  background-color: #8771AB;
}
@media (max-width: 899px) {
  .class__titulos-sugestoes {
    width: 35%;
  }
}
@media (max-width: 1199px) {
  .class__titulos-sugestoes {
    width: 90%;
  }
}

.biblioteca__button-search {
  background: transparent;
  border: none;
  right: 0;
  position: absolute;
  padding: 0.4rem;
  margin-right: 0.5rem;
  pointer-events: none;
}
.biblioteca__select-chevron {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  margin: 0.5rem 0.5rem 0 0;
  pointer-events: none;
}
.biblioteca__card {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  display: block;
  z-index: 9999;
  border-radius: 0px 20px;
  padding: 2rem 1.5rem;
  color: #808080;
  height: 20rem;
  position: relative;
  z-index: 2;
}
.biblioteca__card .media__descricao-biblioteca {
  font-size: 0.75rem;
  width: 56%;
  display: inline-block;
  margin-top: 1rem;
  height: 9rem;
  overflow-y: auto;
  padding-right: 0.5rem;
}
.biblioteca__card .title-aux {
  font-size: 0.9rem;
  color: #3fa5c3;
  text-transform: capitalize;
  width: 100%;
}
.biblioteca__card .media__title {
  font-size: 1.1rem;
  color: #3fa5c3;
}
.biblioteca__card .media__picture {
  width: 40%;
  display: inline-block;
  margin-right: 0.25rem;
  vertical-align: top;
  margin-top: 1rem;
}
.biblioteca__card button {
  background-color: #89be44;
  padding: 0.5rem;
  border-radius: 7px;
  color: #fff;
  font-weight: 400;
  position: absolute;
  bottom: 1.1rem;
  right: 1.2rem;
  width: 6rem;
  text-align: center;
  font-size: 0.75rem;
}

.trail__compExplanationModal {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999999999;
  position: fixed;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inset: 0;
}
.trail__compExplanationModal::before {
  content: "";
  opacity: 0.8;
  width: 100%;
  height: 100%;
  background-color: hsl(210, 24%, 14%);
}
.trail__compExplanationModal--is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.trail__compExplanationModal__container {
  position: absolute;
  width: 40%;
  height: auto;
  background-color: hsl(210, 15%, 96%);
  opacity: 1 !important;
  z-index: 600 !important;
  margin: auto;
  display: block;
}
@media (max-width: 1199px) {
  .trail__compExplanationModal__container {
    width: 70%;
  }
}
@media (max-width: 599px) {
  .trail__compExplanationModal__container {
    width: 85%;
  }
}
.trail__compExplanationModal__close_modal {
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0;
  margin: 1rem;
  background-color: hsl(210, 16%, 85%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: hsl(210, 15%, 8%);
  top: 0;
  border-radius: 2px;
}
.trail__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.trail_flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
  min-height: 22rem;
}
@media (max-width: 1199px) {
  .trail_flex1 {
    max-height: 34vw;
  }
}
@media (max-width: 899px) {
  .trail_flex1 {
    height: auto;
    max-height: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.trail__menu {
  margin: 1rem 0 1rem 0;
  font-size: 1.9rem;
  font-weight: 200;
}
@media (max-width: 599px) {
  .trail__menu {
    font-size: 1.15rem;
  }
}
.trail__menu p {
  display: inline-block;
  font: 2.3rem !important;
  font-weight: bold;
}
@media (min-width: 901px) {
  .trail__menu p {
    font: 2.3rem !important;
  }
}
.trail__tabela--icone {
  background-color: #fff;
  position: absolute;
  right: 0;
  width: 4%;
  top: 0.5rem;
  border-radius: 20px;
  -webkit-transition: scale linear 250ms;
  -o-transition: scale linear 250ms;
  transition: scale linear 250ms;
}
@media (max-width: 1199px) {
  .trail__tabela--icone {
    width: 5%;
  }
}
@media (max-width: 899px) {
  .trail__tabela--icone {
    width: 6%;
  }
}
@media (max-width: 599px) {
  .trail__tabela--icone {
    width: 10%;
  }
}
.trail__tabela--icone:hover {
  scale: 1.1;
}
.trail__tabela--blocos {
  padding-bottom: 3rem;
}
.trail__base-tabela {
  position: absolute;
  width: 40.5rem;
  height: auto;
  background-color: #fff;
  border-radius: 25px;
  z-index: 9;
  left: -6rem;
  top: 1.5rem;
  padding: 2rem;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}
.trail__base-tabela img {
  width: 100%;
  text-align: center;
  margin: auto;
  display: block;
}
@media (max-width: 1199px) {
  .trail__base-tabela {
    width: 34rem;
    left: -5rem;
    top: 1.5rem;
  }
}
@media (max-width: 599px) {
  .trail__base-tabela {
    width: 25rem;
    left: -3.95rem;
    top: 1.5rem;
  }
}
.trail__fechar-tabela {
  background-color: #3fa5c3;
  border-radius: 100%;
  width: 2.5rem !important;
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  padding: 0.7rem 0.5rem;
  margin: auto;
  text-align: center;
  font-weight: bold;
}
.trail__presentation-container {
  -webkit-box-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
@media (max-width: 1199px) {
  .trail__presentation-container {
    margin-bottom: 2rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container {
    margin-bottom: 0rem;
    width: 100%;
    display: block;
  }
}
@media (max-width: 599px) {
  .trail__presentation-container {
    display: block;
  }
}
.trail__presentation-container-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 5.5rem;
  gap: 0.5rem;
}
@media (max-width: 599px) {
  .trail__presentation-container-selector {
    margin-top: 3.5rem;
  }
}
.trail__presentation-container-selector--select {
  background-color: transparent;
  padding: 0.5rem;
  height: auto;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 1px #fff;
  border-radius: 10px !important;
  margin-top: -0.5rem;
}
@media (max-width: 599px) {
  .trail__presentation-container-selector--select {
    max-width: 40vw;
    min-width: 35vw;
    text-align: center;
    margin: -0.5rem auto 0rem;
  }
}
.trail__presentation-container-selector option {
  color: #000;
  background-color: #fff;
}
.trail__presentation-container-selector--label {
  font-weight: 500;
  font-size: 18px;
}
.trail__presentation-container-selector-seg {
  margin: -1rem 0rem 1.5rem 0rem;
}
@media (max-width: 599px) {
  .trail__presentation-container-selector-seg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    gap: 1.5rem;
    text-align: center;
    margin: 0.5rem auto 2rem;
  }
  .trail__presentation-container-selector-seg select {
    max-width: 60vw;
  }
}
.trail__presentation-container-video {
  width: 50rem;
  height: auto;
  position: absolute;
  padding-bottom: 25%;
  right: 0;
}
@media (max-width: 2199px) {
  .trail__presentation-container-video {
    padding-bottom: 25.3%;
    width: 45%;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-container-video {
    display: inline-block;
    padding-bottom: 35%;
    width: 47%;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container-video {
    padding-bottom: 45%;
    width: 48%;
  }
}
@media (max-width: 599px) {
  .trail__presentation-container-video {
    height: 15rem;
    width: 100%;
    position: relative;
    margin-top: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0.2rem;
  }
}
.trail__presentation-container-image {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.trail__presentation-container-image--img {
  max-height: 485px;
}
@media (max-width: 1199px) {
  .trail__presentation-container-image--img {
    max-height: 485px;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container-image {
    display: none;
  }
}
.trail__presentation-container-welcometext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
  width: 50%;
  position: relative;
  margin: 1rem 0rem 2rem 0.5rem;
}
@media (max-width: 1199px) {
  .trail__presentation-container-welcometext {
    margin: 1rem 2rem 0rem;
    width: 48%;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container-welcometext {
    margin: 1rem 2rem 1.5rem;
  }
}
@media (max-width: 599px) {
  .trail__presentation-container-welcometext {
    margin: auto;
    width: 100%;
    text-align: center;
  }
}
.trail__presentation-container-welcometext--infantil {
  width: 100%;
}
.trail__presentation-container-subtitulo {
  margin-top: 2rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  display: block;
}
.trail__presentation-container-titulo {
  font-size: 3rem;
  font-weight: normal;
  color: #fff !important;
  font-weight: 300;
}
.trail__presentation-container-titulo strong {
  font-weight: 600;
}
.trail__presentation-container-titulo > b {
  font-weight: 400;
  margin-left: 1rem;
}
.trail__presentation-container-titulo > span {
  font-weight: 300;
  font-size: 2.5rem;
}
@media (max-width: 899px) {
  .trail__presentation-container-titulo {
    font-size: 2rem;
    text-align: center;
  }
  .trail__presentation-container-titulo > b {
    display: none;
  }
  .trail__presentation-container-titulo > span {
    margin-left: 0rem;
    text-align: center;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container-titulo {
    margin: 0.4rem;
    color: #fff;
    font-size: 1.5rem;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-container-titulo {
    margin: 1rem auto;
    color: #fff;
    font-size: 2.1rem;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-container-titulo {
    font-size: 2.5rem;
    text-align: left;
  }
}
@media (max-width: 599px) {
  .trail__presentation-container-titulo {
    margin: 0.5rem auto 0rem;
    text-align: center;
  }
  .trail__presentation-container-titulo > span {
    font-size: 2rem;
  }
}
.trail__presentation-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.trail__presentation-container--blocos {
  position: relative;
  display: block;
}
.trail__presentation-container__title {
  -ms-flex-line-pack: start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  align-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  font-size: 2rem;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2.25rem;
  padding: 1rem;
  position: relative;
  text-align: end;
  width: 100%;
  z-index: 1;
}
@media (max-width: 599px) {
  .trail__presentation-container__title {
    font-size: 1.15rem;
  }
}
.trail__presentation-container__title > h3 {
  background-color: #161a1d;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.trail__presentation-container__title .form-group__novo-menu-2024 {
  position: relative;
  display: inline-block;
  width: auto !important;
}
.trail__presentation-container__title .form-group__novo-menu-2024 select {
  height: 2rem;
  background-color: #f3f0f8;
  min-height: 3rem;
  font-size: 1rem;
  font-weight: 600;
  width: 18rem;
  position: relative;
  border: none;
}
.trail__presentation-container__title .form-group__novo-menu-2024 select option {
  position: relative;
  width: 20rem;
}
@media (max-width: 599px) {
  .trail__presentation-container__title .form-group__novo-menu-2024 select {
    width: 9rem !important;
    min-height: 2rem;
    font-size: 0.8rem;
    padding: 0.5rem;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container__title .form-group__novo-menu-2024 select {
    width: 10rem;
  }
}
@media (max-width: 1799px) {
  .trail__presentation-container__title .form-group__novo-menu-2024 select {
    width: 10rem;
    font-size: 0.8rem;
  }
}
.trail__presentation-container__title .form-group__novo-menu-2024:before {
  color: #fff;
  background-image: url(/dist/assets/img/seta-input.png);
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 1.35rem;
  padding: 0.1rem;
  pointer-events: none;
  position: absolute !important;
  top: 3.4rem;
  border: none;
  text-align: center;
  z-index: 9999;
  width: 1.5rem;
  display: inline-block;
  border-radius: 100%;
}
@media (max-width: 599px) {
  .trail__presentation-container__title .form-group__novo-menu-2024:before {
    top: 3rem !important;
    right: 0.5rem !important;
    font-size: 1rem;
    padding: 0.2rem;
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container__title .form-group__novo-menu-2024:before {
    top: 3.5rem;
    right: 0.5rem;
    left: auto;
  }
}
@media (max-width: 599px) {
  .trail__presentation-container__title .form-group__novo-menu-2024 {
    position: relative;
    display: inline-block;
    width: 100% !important;
    margin: auto;
    min-width: auto;
  }
}
.trail__presentation-container__title .form-group__novo-menu-2024--adulto select {
  color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--adulto select option {
  color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--adulto:before {
  background-color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--medio select {
  color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--medio select option {
  color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--medio:before {
  background-color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--fundamental select {
  color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--fundamental select option {
  color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024--fundamental:before {
  background-color: #3FA5C3;
}
.trail__presentation-container__title .form-group__novo-menu-2024:before {
  background-color: #8771AB;
}
.trail__presentation-container__title--setorpublico select {
  color: #28346F;
}
.trail__presentation-container__title--setorpublico select option {
  color: #28346F;
}
.trail__presentation-container__title--setorpublico--infantil select {
  color: #8771AB;
}
.trail__presentation-container__title--setorpublico--infantil select option {
  color: #8771AB;
}
.trail__presentation-container__title--setorpublico--infantil:before {
  background-color: #8771AB;
}
.trail__presentation-container__title--setorpublico:before {
  background-color: #8771AB;
}
.trail__presentation-container--novo-menu-2024 {
  padding: 0.5rem;
}
.trail__presentation-container--novo-menu-2024 p {
  display: inline-block;
  font-size: 1rem;
  margin: auto 1rem;
}
@media (max-width: 899px) {
  .trail__presentation-container--novo-menu-2024 p {
    font-size: 1rem !important;
    top: 6.2rem !important;
  }
}
@media (max-width: 599px) {
  .trail__presentation-container--novo-menu-2024 p {
    display: block;
    font-size: 1rem !important;
    position: absolute;
    top: 1rem !important;
    text-align: center !important;
    margin: 5rem -1rem 0 !important;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-container--novo-menu-2024 p {
    font-size: 1.2rem;
    margin: 0;
    position: absolute;
    width: 100% !important;
    top: 6.9rem;
  }
}
@media (max-width: 1799px) {
  .trail__presentation-container--novo-menu-2024 p {
    font-size: 1.2rem;
    margin: 0;
    width: 34%;
    text-align: left;
  }
}
@media (max-width: 899px) {
  .trail__presentation-container--novo-menu-2024 {
    padding: 1rem;
    border: 1px solid #fff;
  }
}
.trail__presentation-eixo--icone {
  display: inline-block;
  margin-right: 0.5rem;
  width: 2.5rem;
  top: 0.5rem;
  right: 0;
  position: absolute;
}
.trail__presentation-eixo--icone img {
  width: 2.5rem;
}
.trail__presentation-eixo--borda-ilustracao {
  border-bottom-left-radius: 42px !important;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--borda-ilustracao {
    border-bottom-left-radius: 20px !important;
  }
}
.trail__presentation-eixo--bloco {
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  border-radius: 0 0 0 0;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 70%;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--imgIlustracao {
    left: 0 !important;
    top: 50% !important;
    height: 150% !important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.trail__presentation-eixo--bloco > img {
  height: 100%;
}
.trail__presentation-eixo--bloco--imgFundo {
  position: absolute;
  inset: 0 !important;
  height: 100% !important;
  width: 100% !important;
  max-width: none !important;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--imgFundo {
    display: none;
  }
}
.trail__presentation-eixo--bloco--frase {
  font-size: 28px;
  display: inline-block;
  line-height: 34px;
  font-weight: 400;
  width: auto;
  position: absolute;
  text-align: initial;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--frase {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--frase {
    display: none;
  }
}
.trail__presentation-eixo--bloco--frase-mob {
  display: block;
  height: 100%;
  margin: auto !important;
  padding: 2rem 0 0 4rem;
  font-size: 20px;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--frase-mob {
    font-size: 16px;
  }
}
.trail__presentation-eixo--bloco_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco_li {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
}
.trail__presentation-eixo--bloco-direita {
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: block;
  height: 100%;
  margin: 0 2rem 0 0;
  padding: 0.5rem 1rem 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco-direita {
    padding: 2rem 2rem 0 0;
    margin: 0;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita {
    padding: 0;
  }
}
.trail__presentation-eixo--bloco-direita-content {
  border: none;
  width: auto;
  padding: 0 0 2rem 1rem;
}
.trail__presentation-eixo--bloco-direita-content--desabilitado {
  background-color: #00a67a;
  width: 100%;
}
.trail__presentation-eixo--bloco-direita-content p {
  font-weight: 400;
  color: #808080 !important;
  text-align: left;
  font-size: 0.87rem;
  margin: 1rem auto;
  margin: 1rem 1rem 1rem 0;
  width: 95%;
  line-height: 22px;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-direita-content p {
    text-align: center;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita-content p {
    margin: 1.25rem 0;
    width: 100%;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    text-align: left;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita-content {
    width: 100% !important;
    padding: 0.75rem 2rem 1.5rem;
  }
}
.trail__presentation-eixo--bloco-direita-content--progresso {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-direita-content--progresso {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.trail__presentation-eixo--bloco-direita-content--progresso-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.trail__presentation-eixo--bloco-direita-content--progresso span {
  margin: 0 0.5rem;
}
.trail__presentation-eixo--bloco-direita-content--progresso span img {
  width: 17%;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita-content--progresso span {
    margin: 0 0.35rem;
  }
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBar {
  margin: 0.5rem 0 0;
  position: relative;
  text-align: left;
  width: 73%;
  display: inline-block;
}
@media (max-width: 1799px) {
  .trail__presentation-eixo--bloco-direita-content--progresso .progressBar {
    width: 55%;
  }
}
@media (max-width: 2199px) {
  .trail__presentation-eixo--bloco-direita-content--progresso .progressBar {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco-direita-content--progresso .progressBar {
    width: 78%;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-direita-content--progresso .progressBar {
    width: 90%;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita-content--progresso .progressBar {
    width: 100%;
    margin: 0.25rem 0 0;
  }
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBar h4 {
  font-size: 15px;
  text-transform: none;
  margin-bottom: 7px;
  margin: 1rem 0rem 0.5rem;
  color: #6B6B6B;
  font-weight: 400;
  text-align: right;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita-content--progresso .progressBar h4 {
    font-size: 13px;
  }
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBarValue {
  height: 10px;
  border-radius: 0.3em;
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBarcontainer-autogestao {
  width: 100%;
  height: 10px;
  background: #d9e3c1;
  border-radius: 0.3em;
}
.trail__presentation-eixo--bloco-direita-content--progresso .autogestao {
  background: #8ab925;
  /* Old browsers */
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBarcontainer-abertura {
  width: 100%;
  height: 10px;
  background: #b7afc4;
  border-radius: 0.3em;
}
.trail__presentation-eixo--bloco-direita-content--progresso .abertura {
  background: #765aa3;
  /* Old browsers */
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBarcontainer-modulacao {
  width: 100%;
  height: 10px;
  background: #b4cbd1;
  border-radius: 0.3em;
}
.trail__presentation-eixo--bloco-direita-content--progresso .modulacao {
  background: #3fa5c3;
  /* Old browsers */
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBarcontainer-engajamento {
  width: 100%;
  height: 10px;
  background: #f5ebdc;
  border-radius: 0.3em;
}
.trail__presentation-eixo--bloco-direita-content--progresso .engajamento {
  background: #f5ba2e;
  /* Old browsers */
}
.trail__presentation-eixo--bloco-direita-content--progresso .progressBarcontainer-amabilidade {
  width: 100%;
  height: 10px;
  background: #eb889f;
  border-radius: 0.3em;
}
.trail__presentation-eixo--bloco-direita-content--progresso .amabilidade {
  background: #e61d47;
  /* Old browsers */
}
.trail__presentation-eixo--bloco-direita-content--progresso .speech-bubble {
  font-size: 0.75em;
  line-height: 2em;
  position: absolute;
  top: -2.6em;
  text-align: center;
  min-width: 3em;
  border-radius: 0.3em;
  color: white;
}
.trail__presentation-eixo--bloco-direita-content--progresso .speech-bubble:after {
  border: 0.5em solid transparent;
  content: "";
  margin-left: -0.5em;
  position: absolute;
  bottom: -45%;
  left: 50%;
}
.trail__presentation-eixo--bloco-direita-content--progresso .html {
  background: #8771ab;
  padding: 0rem;
}
.trail__presentation-eixo--bloco-direita-content--progresso .html:after {
  border-top-color: #a487b2;
}
.trail__presentation-eixo--bloco-direita-content--progresso button {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  padding: 0.8rem 2rem;
  margin: 1rem 0 0 2rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  line-height: 1rem;
  display: inline-block;
  width: 13rem;
  text-align: center;
}
.trail__presentation-eixo--bloco-direita-content--progresso button:hover {
  background-color: #ae96c9;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco-direita-content--progresso button {
    margin-left: 2rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-direita-content--progresso button {
    position: relative;
    display: block;
    width: 56%;
    max-width: 15rem;
    height: 3rem;
    margin: 1.5rem 0rem 0rem;
    padding: 0.8rem 1rem;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-direita-content--progresso button {
    width: 100%;
    max-width: 30rem;
    border-radius: 12px;
  }
  .trail__presentation-eixo--bloco-direita-content--progresso button img {
    width: 6%;
  }
}
.trail__presentation-eixo--bloco-direita--celula-tabela {
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3411764706);
  border-radius: 5px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3411764706);
  color: #fff;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 500;
  height: 48px;
  line-height: 2.5rem;
  margin: 0.5rem;
  padding: 0.5rem 0rem;
  text-align: center;
  vertical-align: middle;
  width: 48px;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}
.trail__presentation-eixo--bloco-direita--celula-tabela:hover {
  scale: 1.2;
}
.trail__presentation-eixo--bloco-direita--celula-tabela.desativado {
  opacity: 0.5;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}
.trail__presentation-eixo--bloco-direita--celula-tabela:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-direita--celula-tabela {
    width: 42px;
    height: 42px;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0.4rem;
    line-height: 2.2rem;
    margin: 4px;
  }
}
@media (max-width: 450px) {
  .trail__presentation-eixo--bloco-direita--celula-tabela {
    width: 32px;
    height: 32px;
    font-size: 1.3rem;
    padding: 0.2rem;
    line-height: 1.8rem;
    margin: 2px;
  }
}
.trail__presentation-eixo--bloco-direita--celula-tabela--autogestao {
  background-color: #8AB925 !important;
  color: #fff;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita--celula-tabela--autogestao {
    color: #fff;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 8px;
  }
}
.trail__presentation-eixo--bloco-direita--celula-tabela--abertura {
  background-color: #765AA3 !important;
  color: #fff;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita--celula-tabela--abertura {
    color: #fff;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 8px;
  }
}
.trail__presentation-eixo--bloco-direita--celula-tabela--engajamento {
  background-color: #F4BB2F !important;
  color: #fff;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita--celula-tabela--engajamento {
    color: #fff;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 8px;
  }
}
.trail__presentation-eixo--bloco-direita--celula-tabela--amabilidade {
  background-color: #E61D47 !important;
  color: #fff;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita--celula-tabela--amabilidade {
    color: #fff;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 8px;
  }
}
.trail__presentation-eixo--bloco-direita--celula-tabela--modulacao {
  background-color: #3FA5C3 !important;
  color: #fff;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco-direita--celula-tabela--modulacao {
    color: #fff;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 8px;
  }
}
.trail__presentation-eixo--bloco button {
  background-color: #fafafa;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.8rem 1rem;
  position: relative;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto auto 1rem auto;
  width: 8rem;
  display: none;
}
.trail__presentation-eixo--bloco button:hover {
  background-color: rgba(255, 255, 255, 0.8392156863);
}
.trail__presentation-eixo--bloco--autorrelato button {
  color: #3FA5C3;
}
.trail__presentation-eixo--bloco--setorpublico button {
  color: #28346F;
}
.trail__presentation-eixo--bloco--heterorrelato button {
  color: #8771AB;
}
.trail__presentation-eixo--bloco--1--setorpublico {
  background-image: url(/assets/img/adulto1.png);
}
.trail__presentation-eixo--bloco--1--adulto {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--1--adulto > span {
  margin: 0 10% 1.5rem 0;
  bottom: 0;
  right: 0;
}
.trail__presentation-eixo--bloco--1--adulto > img {
  bottom: 0;
  left: -25px;
  position: absolute;
  height: 105%;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--1--adulto > img {
    left: -5px !important;
    height: 130% !important;
  }
}
.trail__presentation-eixo--bloco--1--fundamental1 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--1--fundamental1 > span {
  margin: 2rem 0 0 2rem;
  top: 0;
  left: 0;
  font-size: 26px;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--1--fundamental1 > span {
    font-size: 22px;
    margin-left: 5rem !important;
    padding-top: 1rem !important;
    padding-left: 2rem !important;
  }
}
.trail__presentation-eixo--bloco--1--fundamental1 > img {
  bottom: -24px;
  left: 15px;
  position: absolute;
  height: 75%;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--1--fundamental1 > img {
    height: 120% !important;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--1--fundamental1 > img {
    height: 95% !important;
    left: 5px !important;
  }
}
.trail__presentation-eixo--bloco--1--fundamental2 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--1--fundamental2 > span {
  margin: 2rem 0 0 2rem;
  top: 0;
  left: 0;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--1--fundamental2 > span {
    margin-left: 5rem !important;
  }
}
.trail__presentation-eixo--bloco--1--fundamental2 > img {
  bottom: 5px;
  left: 10px;
  position: absolute;
  height: auto;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--1--fundamental2 > img {
    height: 120% !important;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--1--fundamental2 > img {
    height: 85% !important;
    left: -10px !important;
  }
}
.trail__presentation-eixo--bloco--1--medio {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--1--medio > span {
  margin: 0 0 0 2rem;
  top: 50%;
  left: 0;
}
.trail__presentation-eixo--bloco--1--medio > img {
  bottom: 0;
  right: -5px;
  position: absolute;
  height: 80%;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--1--medio .trail__presentation-eixo--bloco--imgIlustracao {
    height: 120% !important;
  }
}
.trail__presentation-eixo--bloco--2--setorpublico {
  background-image: url(/assets/img/adulto2.png);
}
.trail__presentation-eixo--bloco--2--adulto {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--2--adulto > span {
  margin: 2.3rem 22% 0 0;
  top: 0;
  right: 0;
}
.trail__presentation-eixo--bloco--2--adulto > img {
  bottom: -25px;
  left: 20px;
  position: absolute;
  height: 105%;
}
.trail__presentation-eixo--bloco--2--fundamental1 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--2--fundamental1 > span {
  margin: 1.6rem 0 0 3rem;
  top: 0;
  left: 0;
  font-size: 26px;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--2--fundamental1 > span {
    font-size: 24px;
    margin-left: 5rem !important;
    padding-left: 2rem !important;
  }
}
.trail__presentation-eixo--bloco--2--fundamental1 > img {
  bottom: 0;
  left: 40px;
  position: absolute;
  height: auto;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--2--fundamental1 > img {
    height: 120% !important;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--2--fundamental1 > img {
    height: 100% !important;
    left: 5px !important;
  }
}
.trail__presentation-eixo--bloco--2--fundamental2 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--2--fundamental2 > span {
  margin: 2rem 0 0 2rem;
  top: 0;
  left: 0;
}
.trail__presentation-eixo--bloco--2--fundamental2 > img {
  bottom: 5px;
  left: 55px;
  position: absolute;
  height: auto;
  width: 90%;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--2--fundamental2 > img {
    height: 130% !important;
    width: auto;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--2--fundamental2 > img {
    height: 120% !important;
  }
}
.trail__presentation-eixo--bloco--2--medio {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--2--medio > span {
  margin: 0 3rem 0 0;
  top: 63%;
  right: 0;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--2--medio > span {
    top: 70%;
  }
}
.trail__presentation-eixo--bloco--2--medio > img {
  bottom: 0;
  left: -30px;
  position: absolute;
  height: auto;
  height: 78%;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--2--medio .trail__presentation-eixo--bloco--imgIlustracao {
    height: 120% !important;
  }
}
.trail__presentation-eixo--bloco--3--setorpublico {
  background-image: url(/assets/img/adulto3.png);
}
.trail__presentation-eixo--bloco--3--adulto {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--3--adulto > span {
  margin: 2.5rem 0 0 6%;
  top: 0;
  left: 0;
}
.trail__presentation-eixo--bloco--3--adulto > img {
  bottom: -15px;
  right: 50px;
  position: absolute;
  height: 100%;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--3--adulto .trail__presentation-eixo--bloco--imgIlustracao {
    right: 28px;
  }
}
.trail__presentation-eixo--bloco--3--fundamental1 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--3--fundamental1 > span {
  margin: 0 3rem 2rem 0;
  right: 0;
  bottom: 0;
  font-size: 26px;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--3--fundamental1 > span {
    font-size: 22px;
    margin-left: 5rem !important;
    padding-top: 1rem !important;
    padding-left: 1rem !important;
  }
}
.trail__presentation-eixo--bloco--3--fundamental1 > img {
  bottom: -8px;
  left: -30px;
  position: absolute;
  height: auto;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--3--fundamental1 > img {
    height: 120% !important;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--3--fundamental1 > img {
    height: 90% !important;
    left: 10px !important;
    top: 40px !important;
  }
}
.trail__presentation-eixo--bloco--3--fundamental2 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--3--fundamental2 > span {
  margin: 1.5rem 6.5rem 0 0;
  top: 0;
  right: 0;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--3--fundamental2 > span {
    margin-left: 2rem !important;
  }
}
.trail__presentation-eixo--bloco--3--fundamental2 > img {
  bottom: -25px;
  left: -45px;
  position: absolute;
  height: auto;
  height: 90%;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--3--fundamental2 > img {
    height: 100% !important;
  }
}
.trail__presentation-eixo--bloco--3--medio {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--3--medio > span {
  margin: 0 3rem 0 0;
  top: 45%;
  right: 0;
}
.trail__presentation-eixo--bloco--3--medio > img {
  bottom: 0;
  left: 10px;
  position: absolute;
  height: auto;
  width: 45%;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--3--medio .trail__presentation-eixo--bloco--imgIlustracao {
    width: auto !important;
    height: 180% !important;
  }
}
.trail__presentation-eixo--bloco--4--setorpublico {
  background-image: url(/assets/img/adulto4.png);
}
.trail__presentation-eixo--bloco--4--adulto {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--4--adulto > span {
  margin: 2.2rem 22% 0 0;
  top: 0;
  right: 0;
  text-align: right;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--4--adulto > span {
    margin: 2.2rem 18% 0 0;
    text-align: center;
  }
}
.trail__presentation-eixo--bloco--4--adulto > img {
  bottom: -0;
  left: 5px;
  position: absolute;
  height: 85%;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--4--adulto > img {
    left: -5px !important;
    height: 101% !important;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--4--adulto .trail__presentation-eixo--bloco--imgIlustracao {
    height: 87%;
    left: 0;
  }
}
.trail__presentation-eixo--bloco--4--fundamental1 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--4--fundamental1 > span {
  margin: 1.4rem 0 0 3rem;
  left: 0;
  top: 0;
  font-size: 26px;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--4--fundamental1 > span {
    margin-left: 5rem !important;
  }
}
.trail__presentation-eixo--bloco--4--fundamental1 > img {
  bottom: 10px;
  left: 10%;
  position: absolute;
  height: auto;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--4--fundamental1 > img {
    height: 120% !important;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--4--fundamental1 > img {
    height: 85% !important;
    left: -10px !important;
  }
}
.trail__presentation-eixo--bloco--4--fundamental2 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--4--fundamental2 > span {
  margin: 1.8rem auto;
  top: 0;
  text-align: center;
  width: 80%;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--4--fundamental2 > span {
    width: 85%;
    left: 0;
  }
}
.trail__presentation-eixo--bloco--4--fundamental2 > img {
  bottom: -25px;
  left: -35px;
  position: absolute;
  height: 75%;
  max-width: none;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--4--fundamental2 > img {
    height: auto !important;
    width: 110%;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--4--fundamental2 > img {
    height: 110% !important;
    width: auto;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--4--fundamental2 > img {
    height: auto !important;
    width: 27%;
  }
}
.trail__presentation-eixo--bloco--4--medio {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--4--medio > span {
  margin: 0 3rem 0 0;
  top: 56%;
  right: 2px;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--4--medio > span {
    margin-right: 2rem;
  }
}
.trail__presentation-eixo--bloco--4--medio > img {
  bottom: -35px;
  left: -85px;
  position: absolute;
  height: auto;
  width: 85%;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--4--medio .trail__presentation-eixo--bloco--imgIlustracao {
    width: auto !important;
    height: 90% !important;
    left: -60px;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--4--medio .trail__presentation-eixo--bloco--imgIlustracao {
    width: auto !important;
    height: 150% !important;
    left: -10px !important;
  }
}
.trail__presentation-eixo--bloco--5--setorpublico {
  background-image: url(/assets/img/adulto5.png);
}
.trail__presentation-eixo--bloco--5--adulto {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--5--adulto > span {
  margin: 0 3rem 6.5rem 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--5--adulto > span {
    margin: 0 2rem 5.5rem 0;
  }
}
.trail__presentation-eixo--bloco--5--adulto > img {
  bottom: 0px;
  left: -65px;
  position: absolute;
  height: 90%;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--5--adulto > img {
    left: -8px !important;
    height: 125% !important;
    top: 26px !important;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--5--adulto .trail__presentation-eixo--bloco--imgIlustracao {
    height: 80%;
    left: -40px;
  }
}
.trail__presentation-eixo--bloco--5--fundamental1 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--5--fundamental1 > span {
  margin: 1.4rem 0 0 4rem;
  left: 0;
  top: 0;
  font-size: 26px;
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--5--fundamental1 > span {
    margin-left: 5rem !important;
  }
}
.trail__presentation-eixo--bloco--5--fundamental1 > img {
  bottom: -25px;
  left: 15%;
  position: absolute;
  height: auto;
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--5--fundamental1 > img {
    height: 120% !important;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco--5--fundamental1 > img {
    height: 85% !important;
    left: -10px !important;
  }
}
.trail__presentation-eixo--bloco--5--fundamental2 {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--5--fundamental2 > span {
  margin: 0 4rem 3rem 0;
  bottom: 0;
  right: 0;
}
.trail__presentation-eixo--bloco--5--fundamental2 > img {
  bottom: -5px;
  left: -15px;
  position: absolute;
  height: 90%;
}
.trail__presentation-eixo--bloco--5--medio {
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  position: relative;
}
.trail__presentation-eixo--bloco--5--medio > span {
  margin: 0 3rem 0 0;
  top: 70%;
  right: -5px;
}
.trail__presentation-eixo--bloco--5--medio > img {
  bottom: 3px;
  left: -51px;
  position: absolute;
  height: auto;
  width: 70%;
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco--5--medio .trail__presentation-eixo--bloco--imgIlustracao {
    left: -25px !important;
    width: 65%;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco--5--medio .trail__presentation-eixo--bloco--imgIlustracao {
    width: auto !important;
    height: 140% !important;
    left: 5px !important;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--adulto-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#8AB925));
    background: -o-linear-gradient(left, #1A2E3D 0%, #8AB925 100%);
    background: linear-gradient(90deg, #1A2E3D 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--adulto-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#765AA3));
    background: -o-linear-gradient(left, #1A2E3D 0%, #765AA3 100%);
    background: linear-gradient(90deg, #1A2E3D 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--adulto-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#3FA5C3));
    background: -o-linear-gradient(left, #1A2E3D 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #1A2E3D 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--adulto-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#F4BB2F));
    background: -o-linear-gradient(left, #1A2E3D 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #1A2E3D 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--adulto-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#E61D47));
    background: -o-linear-gradient(left, #1A2E3D 0%, #E61D47 100%);
    background: linear-gradient(90deg, #1A2E3D 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--fundamental2-6ano-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#3EC2B6), to(#8AB925));
    background: -o-linear-gradient(left, #3EC2B6 0%, #8AB925 100%);
    background: linear-gradient(90deg, #3EC2B6 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-6ano-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#3EC2B6), to(#765AA3));
    background: -o-linear-gradient(left, #3EC2B6 0%, #765AA3 100%);
    background: linear-gradient(90deg, #3EC2B6 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-6ano-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#3EC2B6), to(#3FA5C3));
    background: -o-linear-gradient(left, #3EC2B6 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #3EC2B6 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-6ano-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#3EC2B6), to(#F4BB2F));
    background: -o-linear-gradient(left, #3EC2B6 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #3EC2B6 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-6ano-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#3EC2B6), to(#E61D47));
    background: -o-linear-gradient(left, #3EC2B6 0%, #E61D47 100%);
    background: linear-gradient(90deg, #3EC2B6 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--fundamental2-7ano-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#C29E3E), to(#8AB925));
    background: -o-linear-gradient(left, #C29E3E 0%, #8AB925 100%);
    background: linear-gradient(90deg, #C29E3E 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-7ano-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#C29E3E), to(#765AA3));
    background: -o-linear-gradient(left, #C29E3E 0%, #765AA3 100%);
    background: linear-gradient(90deg, #C29E3E 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-7ano-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#C29E3E), to(#3FA5C3));
    background: -o-linear-gradient(left, #C29E3E 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #C29E3E 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-7ano-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#C29E3E), to(#F4BB2F));
    background: -o-linear-gradient(left, #C29E3E 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #C29E3E 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-7ano-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#C29E3E), to(#E61D47));
    background: -o-linear-gradient(left, #C29E3E 0%, #E61D47 100%);
    background: linear-gradient(90deg, #C29E3E 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--fundamental2-8ano-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#FF6159), to(#8AB925));
    background: -o-linear-gradient(left, #FF6159 0%, #8AB925 100%);
    background: linear-gradient(90deg, #FF6159 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-8ano-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#FF6159), to(#765AA3));
    background: -o-linear-gradient(left, #FF6159 0%, #765AA3 100%);
    background: linear-gradient(90deg, #FF6159 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-8ano-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#FF6159), to(#3FA5C3));
    background: -o-linear-gradient(left, #FF6159 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #FF6159 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-8ano-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#FF6159), to(#F4BB2F));
    background: -o-linear-gradient(left, #FF6159 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #FF6159 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-8ano-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#FF6159), to(#E61D47));
    background: -o-linear-gradient(left, #FF6159 0%, #E61D47 100%);
    background: linear-gradient(90deg, #FF6159 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--fundamental2-9ano-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#3E50C2), to(#8AB925));
    background: -o-linear-gradient(left, #3E50C2 0%, #8AB925 100%);
    background: linear-gradient(90deg, #3E50C2 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-9ano-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#3E50C2), to(#765AA3));
    background: -o-linear-gradient(left, #3E50C2 0%, #765AA3 100%);
    background: linear-gradient(90deg, #3E50C2 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-9ano-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#3E50C2), to(#3FA5C3));
    background: -o-linear-gradient(left, #3E50C2 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #3E50C2 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-9ano-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#3E50C2), to(#F4BB2F));
    background: -o-linear-gradient(left, #3E50C2 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #3E50C2 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-9ano-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#3E50C2), to(#E61D47));
    background: -o-linear-gradient(left, #3E50C2 0%, #E61D47 100%);
    background: linear-gradient(90deg, #3E50C2 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--fundamental2-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#8AB925));
    background: -o-linear-gradient(left, #5B3598 0%, #8AB925 100%);
    background: linear-gradient(90deg, #5B3598 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#5B3598));
    background: -o-linear-gradient(left, #3FA5C3 0%, #5B3598 100%);
    background: linear-gradient(90deg, #3FA5C3 0%, #5B3598 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#3FA5C3));
    background: -o-linear-gradient(left, #5B3598 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #5B3598 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#F4BB2F));
    background: -o-linear-gradient(left, #5B3598 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #5B3598 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental2-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#E61D47));
    background: -o-linear-gradient(left, #5B3598 0%, #E61D47 100%);
    background: linear-gradient(90deg, #5B3598 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--medio1-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#546B43), to(#8AB925));
    background: -o-linear-gradient(left, #546B43 0%, #8AB925 100%);
    background: linear-gradient(90deg, #546B43 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio1-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#546B43), to(#765AA3));
    background: -o-linear-gradient(left, #546B43 0%, #765AA3 100%);
    background: linear-gradient(90deg, #546B43 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio1-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#546B43), to(#3FA5C3));
    background: -o-linear-gradient(left, #546B43 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #546B43 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio1-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#546B43), to(#F4BB2F));
    background: -o-linear-gradient(left, #546B43 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #546B43 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio1-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#546B43), to(#E61D47));
    background: -o-linear-gradient(left, #546B43 0%, #E61D47 100%);
    background: linear-gradient(90deg, #546B43 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--medio2-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#C23E64), to(#8AB925));
    background: -o-linear-gradient(left, #C23E64 0%, #8AB925 100%);
    background: linear-gradient(90deg, #C23E64 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio2-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#C23E64), to(#765AA3));
    background: -o-linear-gradient(left, #C23E64 0%, #765AA3 100%);
    background: linear-gradient(90deg, #C23E64 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio2-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#C23E64), to(#3FA5C3));
    background: -o-linear-gradient(left, #C23E64 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #C23E64 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio2-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#C23E64), to(#F4BB2F));
    background: -o-linear-gradient(left, #C23E64 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #C23E64 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio2-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#C23E64), to(#E61D47));
    background: -o-linear-gradient(left, #C23E64 0%, #E61D47 100%);
    background: linear-gradient(90deg, #C23E64 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--medio3-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#8AB925));
    background: -o-linear-gradient(left, #3FA5C3 0%, #8AB925 100%);
    background: linear-gradient(90deg, #3FA5C3 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio3-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#765AA3));
    background: -o-linear-gradient(left, #3FA5C3 0%, #765AA3 100%);
    background: linear-gradient(90deg, #3FA5C3 0%, #765AA3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio3-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#6ED8F8), to(#3FA5C3));
    background: -o-linear-gradient(left, #6ED8F8 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #6ED8F8 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio3-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#F4BB2F));
    background: -o-linear-gradient(left, #3FA5C3 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #3FA5C3 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio3-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#E61D47));
    background: -o-linear-gradient(left, #3FA5C3 0%, #E61D47 100%);
    background: linear-gradient(90deg, #3FA5C3 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--medio-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#8AB925));
    background: -o-linear-gradient(left, #5B3598 0%, #8AB925 100%);
    background: linear-gradient(90deg, #5B3598 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#5B3598));
    background: -o-linear-gradient(left, #3FA5C3 0%, #5B3598 100%);
    background: linear-gradient(90deg, #3FA5C3 0%, #5B3598 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#3FA5C3));
    background: -o-linear-gradient(left, #5B3598 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #5B3598 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#F4BB2F));
    background: -o-linear-gradient(left, #5B3598 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #5B3598 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--medio-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#E61D47));
    background: -o-linear-gradient(left, #5B3598 0%, #E61D47 100%);
    background: linear-gradient(90deg, #5B3598 0%, #E61D47 100%);
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco-fundo--fundamental1-ativ1 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#8AB925));
    background: -o-linear-gradient(left, #5B3598 0%, #8AB925 100%);
    background: linear-gradient(90deg, #5B3598 0%, #8AB925 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental1-ativ2 {
    background: -webkit-gradient(linear, left top, right top, from(#3FA5C3), to(#5B3598));
    background: -o-linear-gradient(left, #3FA5C3 0%, #5B3598 100%);
    background: linear-gradient(90deg, #3FA5C3 0%, #5B3598 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental1-ativ3 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#3FA5C3));
    background: -o-linear-gradient(left, #5B3598 0%, #3FA5C3 100%);
    background: linear-gradient(90deg, #5B3598 0%, #3FA5C3 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental1-ativ4 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#F4BB2F));
    background: -o-linear-gradient(left, #5B3598 0%, #F4BB2F 100%);
    background: linear-gradient(90deg, #5B3598 0%, #F4BB2F 100%);
  }
  .trail__presentation-eixo--bloco-fundo--fundamental1-ativ5 {
    background: -webkit-gradient(linear, left top, right top, from(#5B3598), to(#E61D47));
    background: -o-linear-gradient(left, #5B3598 0%, #E61D47 100%);
    background: linear-gradient(90deg, #5B3598 0%, #E61D47 100%);
  }
}
.trail__presentation-eixo--bloco--grande {
  width: 28rem;
}
.trail__presentation-eixo--bloco--grande button {
  margin-right: 1rem;
}
.trail__presentation-eixo--bloco--grande p {
  width: 60%;
}
.trail__presentation-eixo--bloco--medio {
  width: 21rem;
}
.trail__presentation-eixo--bloco--medio button {
  margin-right: 1rem;
}
.trail__presentation-eixo--bloco--medio p {
  width: 60%;
}
@media (max-width: 1799px) {
  .trail__presentation-eixo--bloco {
    height: auto;
  }
}
@media (max-width: 1199px) {
  .trail__presentation-eixo--bloco {
    margin-top: 0rem;
    width: 100%;
    height: auto;
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (max-width: 899px) {
  .trail__presentation-eixo--bloco {
    height: 5rem !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    border-radius: 0 20px 0 0;
  }
  .trail__presentation-eixo--bloco button {
    margin-right: 1rem;
    background-position: center;
  }
}
@media (max-width: 599px) {
  .trail__presentation-eixo--bloco {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    margin-top: 0;
    height: 17.5rem;
    background-size: 200% !important;
  }
}
.trail__presentation-acoes--textos {
  font-size: 1.2rem;
  color: #808080;
  min-height: 5rem;
  display: inline-block;
  margin-bottom: 1rem !important;
}
@media (max-width: 599px) {
  .trail__presentation-acoes--textos {
    margin-bottom: 2rem !important;
  }
}
.trail__presentation-acoes--acoes-icones {
  position: absolute;
  top: 1.5rem;
  right: 1.2rem;
  width: 90%;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 1rem;
}
.trail__presentation-acoes--acoes-icones-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 0.5rem;
}
.trail__presentation-acoes--acoes-btn {
  color: #fff;
  border-radius: 8px;
  font-size: 1rem;
  position: absolute;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  bottom: 1.5rem;
  padding: 0.5rem 2.5rem;
  margin-bottom: 0 !important;
  right: 1.5rem;
  font-weight: 500;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.trail__presentation-acoes--acoes-btn:hover {
  background-color: #ae96c9;
}
.trail__presentation-acoes--acoes-btn--sugeridos {
  bottom: 1.2rem;
  right: 1.25rem;
}
.trail__texto-abertura {
  font-size: 1.3rem;
  width: 100%;
  line-height: 1.45;
  text-align: left;
}
@media (max-width: 899px) {
  .trail__texto-abertura {
    width: 70%;
  }
}
@media (max-width: 599px) {
  .trail__texto-abertura {
    width: 100%;
    text-align: center;
    padding: 0rem 1rem;
  }
}
.trail__texto-abertura-enfase {
  font-weight: 500;
  background-color: #fafafa;
  border-radius: 0px 20px;
  color: #083b5b;
  padding: 0.8rem;
  width: auto;
  text-align: center;
  margin-top: 1rem;
  position: absolute;
  font-size: 1.2rem;
}
@media (max-width: 599px) {
  .trail__texto-abertura-enfase {
    position: relative;
    margin: 1.4rem 0;
    font-size: 1rem;
  }
}
.trail__certificate-btn {
  position: absolute;
  right: 0;
}
.trail__linha-titulo {
  text-align: left;
  padding: 1rem 0rem;
  font-size: 2.5rem;
  font-weight: 500;
  margin: 3rem auto 2rem;
  border-radius: 0px 20px;
  position: relative;
  letter-spacing: 1px;
}
@media (max-width: 599px) {
  .trail__linha-titulo {
    font-size: 1.7rem;
    padding: 1rem 0rem;
    margin: 2rem auto 2rem;
  }
}
.trail__linha-titulo--autorrelato {
  background-color: #3FA5C3;
}
.trail__linha-titulo--setorpublico {
  background-color: #28346F;
}
.trail__linha-titulo--heterorrelato {
  background-color: #8771AB;
}
.trail__linha-titulo--sugestoes {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 599px) {
  .trail__linha-titulo--sugestoes {
    font-size: 1.5rem;
    margin-top: -1rem;
    border-radius: 20px;
  }
}
.trail__linha-titulo--modulos {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
}
.trail__fundo-abertura {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 4rem;
  border-radius: 20px;
}
@media (max-width: 599px) {
  .trail__fundo-abertura {
    padding: 0rem;
    margin-top: 1rem;
  }
}
.trail__fundo-abertura--infantil {
  margin-bottom: -5rem;
}
@media (max-width: 899px) {
  .trail__fundo-abertura--infantil {
    margin-bottom: 2rem;
  }
}

.evaluation-class__container {
  width: 49%;
  margin: 0.35rem !important;
  display: inline-block;
  position: relative;
  border-radius: 20px;
}
@media (max-width: 599px) {
  .evaluation-class__container {
    width: 98% !important;
  }
}
@media (max-width: 899px) {
  .evaluation-class__container {
    width: 80%;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .evaluation-class__container {
    width: 47%;
    padding: 0;
  }
}

.tooltip-trava {
  position: absolute;
  text-align: left;
  width: 15rem;
  top: 10rem;
  right: -1rem;
  font-size: 14px;
  background: #ffffff;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  font-family: "poppins", sans-serif;
  font-weight: normal;
  pointer-events: none;
  font-size: 0.8rem;
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.tooltip {
  position: absolute;
  text-align: left;
  width: 15rem;
  font-size: 14px;
  color: #ffffff !important;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  font-family: "poppins", sans-serif;
  font-weight: normal;
  pointer-events: none;
  font-size: 0.8rem;
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tooltip--autorrelato {
  background: #3FA5C3 !important;
}
.tooltip--setorpublico {
  background: #28346F !important;
}
.tooltip--heterorrelato {
  background: #8771AB !important;
}

.tooltip-heterorrelato {
  position: absolute;
  text-align: left;
  width: 15rem;
  bottom: 0rem;
  right: -3.5rem;
  font-size: 14px;
  background: #ffffff;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  font-family: "poppins", sans-serif;
  font-weight: normal;
  pointer-events: none;
  font-size: 0.8rem;
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 599px) {
  .tooltip-heterorrelato {
    right: 0rem !important;
    width: 100%;
  }
}
@media (max-width: 899px) {
  .tooltip-heterorrelato {
    right: 0.5rem;
  }
}
@media (max-width: 1199px) {
  .tooltip-heterorrelato {
    right: 0.5rem;
  }
}

.tooltip-autorrelato {
  position: absolute;
  text-align: left;
  width: 15rem;
  top: -100%;
  right: -2rem;
  font-size: 14px;
  background: #ffffff;
  color: #ffffff;
  padding: 1rem;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  font-family: "poppins", sans-serif;
  font-weight: normal;
  pointer-events: none;
  font-size: 0.8rem;
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 599px) {
  .tooltip-autorrelato {
    right: -0.5rem !important;
    width: 100%;
  }
}
@media (max-width: 899px) {
  .tooltip-autorrelato {
    right: 0.5rem;
  }
}
@media (max-width: 1199px) {
  .tooltip-autorrelato {
    right: 0.5rem;
  }
}

.tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(45deg);
      -ms-transform: translate(-50%) rotate(45deg);
          transform: translate(-50%) rotate(45deg);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.tooltip-trava::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(45deg);
      -ms-transform: translate(-50%) rotate(45deg);
          transform: translate(-50%) rotate(45deg);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.icone-trava:hover .tooltip-trava {
  top: -4.5rem;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.tooltip-heterorrelato::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(45deg);
      -ms-transform: translate(-50%) rotate(45deg);
          transform: translate(-50%) rotate(45deg);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 599px) {
  .tooltip-heterorrelato::before {
    left: 50% !important;
  }
}
@media (max-width: 899px) {
  .tooltip-heterorrelato::before {
    left: 70%;
  }
}
@media (max-width: 1199px) {
  .tooltip-heterorrelato::before {
    left: 70%;
  }
}

.tooltip-autorrelato::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(45deg);
      -ms-transform: translate(-50%) rotate(45deg);
          transform: translate(-50%) rotate(45deg);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 599px) {
  .tooltip-autorrelato::before {
    left: 50% !important;
  }
}
@media (max-width: 899px) {
  .tooltip-autorrelato::before {
    left: 70%;
  }
}
@media (max-width: 1199px) {
  .tooltip-autorrelato::before {
    left: 70%;
  }
}

.icone-trava:hover .tooltip-trava {
  top: -5rem;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (max-width: 599px) {
  .icone-trava:hover .tooltip-trava {
    top: -5rem !important;
  }
}
@media (max-width: 899px) {
  .icone-trava:hover .tooltip-trava {
    top: -5rem !important;
  }
}
@media (max-width: 1199px) {
  .icone-trava:hover .tooltip-trava {
    top: -5rem !important;
  }
}

.bloqueio:hover,
.bloqueio:hover .tooltip-trava,
.bloqueio:hover .tooltip-trava::before {
  color: #808080;
  background: #ffffff;
}

.icone-trava:hover .tooltip-heterorrelato {
  top: -5rem;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (max-width: 599px) {
  .icone-trava:hover .tooltip-heterorrelato {
    top: -6.5rem !important;
  }
}
@media (min-width: 601px) {
  .icone-trava:hover .tooltip-heterorrelato {
    top: 15.5rem;
  }
}
@media (max-width: 899px) {
  .icone-trava:hover .tooltip-heterorrelato {
    top: 39.5rem;
  }
}

.icone-trava:hover .tooltip-autorrelato {
  top: -130%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (max-width: 599px) {
  .icone-trava:hover .tooltip-autorrelato {
    top: -9rem !important;
  }
}

.bloqueio:hover,
.bloqueio:hover .tooltip-heterorrelato,
.bloqueio:hover .tooltip-heterorrelato::before {
  color: #808080;
  background: #ffffff;
}

.bloqueio:hover .tooltip-autorrelato,
.bloqueio:hover .tooltip-autorrelato::before {
  color: #808080;
  background: #ffffff;
}

.not-allowed {
  cursor: not-allowed;
}

.no-action {
  pointer-events: none;
  cursor: none;
}

#topo-abertura .video-offline,
#container_video .video-offline {
  right: 0;
  top: -80px;
}
#topo-abertura .video-offline *,
#container_video .video-offline * {
  color: #083b5b;
}
#topo-abertura .video-offline button,
#container_video .video-offline button {
  color: initial;
}
@media (max-width: 1199px) {
  #topo-abertura .video-offline,
  #container_video .video-offline {
    top: -40px;
  }
}
@media (max-width: 899px) {
  #topo-abertura .video-offline,
  #container_video .video-offline {
    top: -20px;
  }
}
@media (max-width: 599px) {
  #topo-abertura .video-offline,
  #container_video .video-offline {
    justify-self: center;
    margin: 1rem;
    position: relative;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.blocks {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: contents;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.block {
  text-align: center;
  display: contents;
}
.block > div > li:first-of-type {
  border-radius: 0;
  margin-bottom: 0.5rem;
  background-color: #00a67a;
  position: relative;
  display: contents;
}
@media (max-width: 599px) {
  .block > div > li:first-of-type {
    border-radius: 20px 0 0 0;
    display: contents;
  }
}
.block > div > li:last-of-type {
  border-radius: 0 0 40px 0;
  margin-top: 2rem;
}
@media (max-width: 599px) {
  .block > div > li:last-of-type {
    border-radius: 0 0 20px 0;
    display: contents;
  }
}
.block > div > li:only-of-type {
  border-radius: 40px;
}
@media (max-width: 599px) {
  .block > div > li:only-of-type {
    border-radius: 20px 0 20px 0;
  }
}
.block {
  border-radius: 32px 2px;
  position: relative;
  height: auto;
}
@media (min-width: 901px) {
  .block {
    border-radius: 0;
    margin-bottom: 0.5rem;
  }
}
.block--is-disabled {
  cursor: not-allowed;
}
.block > * {
  z-index: 2;
}
.block__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  height: auto;
  padding: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.25rem;
  position: relative;
  font-weight: 600;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 599px) {
  .block__title {
    font-size: 1.15rem;
  }
}
.block__title-index {
  background-color: #161a1d;
  margin-right: 0.5rem;
}
.block__title::before {
  background-color: #161a1d;
  content: "PASSO";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.block__title::after {
  content: "";
  border-bottom: solid 1px hsl(210, 16%, 85%);
  width: 100%;
  position: absolute;
  -ms-flex-item-align: center;
      align-self: center;
  z-index: -1;
  opacity: 0.2;
}

.block-des__verTodos {
  color: black;
  border: 2px solid black;
  padding: 0.6rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12%;
  text-align: center;
  border-radius: 15px;
  margin-bottom: 2rem;
  justify-self: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.block-des__verTodos:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  color: #fff;
  border-color: hsl(227, 42%, 47%);
}
@media (max-width: 1199px) {
  .block-des__verTodos {
    justify-self: center;
  }
}
@media (max-width: 899px) {
  .block-des__verTodos {
    width: 20%;
    margin-right: 1rem;
  }
}
@media (max-width: 599px) {
  .block-des__verTodos {
    width: 100%;
    margin: 0 auto 2rem;
  }
}
.block-des > div > li:first-of-type {
  border-radius: 40px 0 0 0;
}
@media (max-width: 599px) {
  .block-des > div > li:first-of-type {
    border-radius: 20px 0 0 0;
  }
}
.block-des > div > li:last-of-type {
  border-radius: 0 0 40px 0;
  margin-top: 2rem;
}
@media (max-width: 599px) {
  .block-des > div > li:last-of-type {
    border-radius: 0 0 20px 0;
  }
}
.block-des > div > li:only-of-type {
  border-radius: 40px 0 40px 0;
}
@media (max-width: 599px) {
  .block-des > div > li:only-of-type {
    border-radius: 20px 0 20px 0;
  }
}
.block-des {
  border-radius: 32px 2px;
  position: relative;
  height: auto;
}
@media (min-width: 901px) {
  .block-des {
    border-radius: 32px 2px;
    margin-bottom: 1.5rem;
  }
}
.block-des--is-disabled {
  cursor: not-allowed;
}
.block-des > * {
  z-index: 2;
}
.block-des__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  height: auto;
  padding: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.25rem;
  position: relative;
  font-weight: 600;
  margin-bottom: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 599px) {
  .block-des__title {
    font-size: 1.15rem;
  }
}
.block-des__title-index {
  background-color: #161a1d;
  margin-right: 0.5rem;
}
.block-des__title::before {
  content: "Ações sugeridas para desenvolvimento";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.block-des__title::after {
  content: "";
  width: 100%;
  position: absolute;
  -ms-flex-item-align: center;
      align-self: center;
  z-index: -1;
  opacity: 0.2;
}
.block-des__development--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  margin-bottom: 1rem;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0;
}
@media (max-width: 599px) {
  .block-des__development--title {
    font-size: 1.35rem;
    text-align: center;
  }
}
.block-des__development--title--adulto {
  background-color: #3fa5c3;
}
.block-des__development--title--medio {
  background-color: #00a67a;
}
.block-des__development--title--fundamental {
  background-color: #3FA5C3;
  background-color: #f25626;
  background-color: #f25626;
}
.block-des__com-sugestao {
  margin: 1rem 0 0;
}
.block-des__dica {
  position: absolute;
  background-color: #F4BB2F;
  width: 19rem !important;
  height: 3rem;
  border-radius: 0 10px;
  top: -1.5rem;
  left: 2rem;
}
.block-des__dica img {
  width: 25% !important;
  top: -2rem;
  position: absolute;
}
.block-des__dica p {
  line-height: 3rem !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 1.3rem !important;
  margin-left: 2rem !important;
}
@media (max-width: 1199px) {
  .block-des__dica p {
    margin-top: 0.2rem !important;
  }
}
.block-des__sem-sugestao {
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  padding: 2rem;
  border-radius: 10px;
  margin: 6rem auto 4rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  height: auto;
}
.block-des__sem-sugestao--adulto, .block-des__sem-sugestao--setorpublico {
  background-color: #fff;
  margin: 3rem auto 4rem auto;
}
.block-des__sem-sugestao--heterorrelato {
  background-color: rgba(132, 115, 158, 0.0784313725);
}
.block-des__sem-sugestao--heterorrelato p {
  color: #8771AB;
}
.block-des__sem-sugestao p {
  display: inline-block;
  width: 90%;
  color: #808080;
}
@media (max-width: 1199px) {
  .block-des__sem-sugestao p {
    margin-top: 1.5rem;
    line-height: normal;
  }
}
.block-des__sem-sugestao span {
  display: inline-block;
  width: 5%;
  margin-right: 1rem;
  text-align: center;
}
.block-des__sem-sugestao span img {
  width: 75%;
  vertical-align: text-bottom;
}
@media (max-width: 599px) {
  .block-des__sem-sugestao span {
    width: 8rem;
    margin: 0rem auto;
  }
}
.block-des__sem-sugestao--finalizados--adulto {
  background-color: rgba(26, 46, 61, 0.1215686275);
}
.block-des__sem-sugestao--finalizados--adulto p {
  color: #1A2E3D;
}
.block-des__sem-sugestao--finalizados--setorpublico {
  background-color: rgba(52, 60, 98, 0.062745098);
}
.block-des__sem-sugestao--finalizados--setorpublico p {
  color: #28346F;
}
.block-des__sem-sugestao--finalizados--heterorrelato {
  background-color: rgba(132, 115, 158, 0.0784313725);
}
.block-des__sem-sugestao--finalizados--heterorrelato p {
  color: #8771AB;
}
.block-des__sem-sugestao--finalizados {
  padding: 1rem;
  border-radius: 10px;
  margin: auto auto 4rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5%;
}
.block-des__sem-sugestao--finalizados p {
  display: inline-block;
  position: relative;
  margin-top: 1rem;
}
@media (max-width: 899px) {
  .block-des__sem-sugestao--finalizados p {
    margin-top: 1.5rem;
  }
}
.block-des__sem-sugestao--finalizados span {
  display: inline-block;
  width: 7%;
  margin-right: 1rem;
}
@media (max-width: 899px) {
  .block-des__sem-sugestao--finalizados span {
    margin-top: 3rem;
    width: 50%;
  }
}
.block-des__sem-sugestao--finalizados span img {
  border: 0;
  height: auto;
  width: 70%;
  vertical-align: middle;
  margin: auto;
}
@media (max-width: 599px) {
  .block-des__sem-sugestao {
    text-align: left;
    padding: 1rem;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 9rem;
  }
}
.block-des__acesse-desktop {
  /* text-align: center; */
  background-color: #3fa5c3;
  padding: 0.5rem;
  border-radius: 10px;
  width: 90%;
  margin: auto;
  display: none;
}
.block-des__acesse-desktop p {
  color: #fff;
  display: inline-block;
  width: 60%;
  font-size: 0.8rem;
  margin: 0rem auto auto 7rem;
}
.block-des__acesse-desktop span {
  display: inline-block;
  width: 5%;
  margin-right: 1rem;
  text-align: center;
}
.block-des__acesse-desktop span img {
  width: 100%;
}
@media (max-width: 599px) {
  .block-des__acesse-desktop span {
    width: 6rem;
    /* margin: 4rem auto; */
    position: absolute;
    bottom: 0rem;
  }
}
@media (max-width: 599px) {
  .block-des__acesse-desktop {
    display: block !important;
    position: relative;
  }
}
@media (max-width: 899px) {
  .block-des__acesse-desktop {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-des__acesse-desktop {
    display: none;
  }
}
@media (max-width: 599px) {
  .block-des__sugestoes-mobile {
    display: none !important;
  }
}
.block-des__nome-aulas {
  margin: 1rem;
  vertical-align: text-top;
  display: inline-block;
  color: #3fa5c3;
}
@media (max-width: 599px) {
  .block-des__nome-aulas {
    position: absolute;
    top: 3rem;
    width: 100% !important;
  }
}
.block-des__sugestao-1 {
  width: 80%;
  margin: auto;
}

.isPrerecommended {
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  right: 10%;
  height: 24px;
  padding: 1rem;
  border-radius: 20px;
  background-color: gold;
  font-size: 1rem;
  font-weight: 500;
}
.isPrerecommended::after {
  content: "Aula recomendada antecipadamente aos resultados da medição";
  position: absolute;
  background-color: #808080;
  padding: 0.5rem;
  color: #fff;
  border-radius: 10px;
  width: 200px;
  left: -130%;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  opacity: 0;
  visibility: hidden;
  line-height: 1.2rem;
  text-align: center;
  font-size: 12px;
}
.isPrerecommended:hover::after {
  opacity: 1;
  visibility: visible;
}
.isPrerecommended::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #808080;
  left: -22px;
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  opacity: 0;
  visibility: hidden;
}
.isPrerecommended:hover::before {
  opacity: 1;
  visibility: visible;
}

.accordion {
  font-size: 1rem;
  width: 69%;
  margin: 0 auto;
  border-radius: 5px;
}
@media (max-width: 599px) {
  .accordion {
    width: 85%;
  }
}

.accordion-relatorio {
  font-size: 1rem;
  width: 62%;
  margin: 0 auto 5rem;
  border-radius: 5px;
}
@media (max-width: 599px) {
  .accordion-relatorio {
    width: 85%;
  }
}

.accordion-header {
  padding: 0em 1.5em;
  cursor: pointer;
  font-size: 0.7em;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
  height: 6.5rem;
  position: relative;
}
.accordion-header--sugestao {
  top: 1.5rem;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 599px) {
  .accordion-header--sugestao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0.5rem;
  }
}

.accordion-header:hover {
  position: relative;
  z-index: 5;
}

.accordion-body {
  color: #353535;
  display: none;
  border-radius: 0 0 10px 10px;
  width: 100%;
  margin-top: -1rem;
}
@media (max-width: 599px) {
  .accordion-body {
    height: 57rem;
  }
}
.accordion-body__aberto {
  -webkit-transition: 13s all;
  -o-transition: 13s all;
  transition: 13s all;
  -webkit-transform: scale(2, 2);
      -ms-transform: scale(2, 2);
          transform: scale(2, 2);
  height: 10rem;
}

.accordion-body__contents {
  padding: 1.5em 2em 1.5em 1.8em;
  font-size: 0.85em;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (max-width: 599px) {
  .accordion-body__contents {
    display: block;
  }
}

.accordion__item {
  -webkit-box-shadow: -10px -10px 30px 0px rgba(0, 0, 0, 0.02), 10px 10px 30px 0px rgba(0, 0, 0, 0.03);
          box-shadow: -10px -10px 30px 0px rgba(0, 0, 0, 0.02), 10px 10px 30px 0px rgba(0, 0, 0, 0.03);
  border-radius: 15px;
}

.accordion__item.active .accordion-header {
  margin: 1rem 0 0;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
  content: url(/assets/img/seta.png);
  font-size: 1.2em;
  color: #3fa5c3;
  float: right;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  color: #3fa5c3;
}

.accordion__item .accordion__item .accordion-header {
  color: #353535;
  border-radius: 10px;
}

.box {
  width: 30%;
  height: 11rem;
  background-color: antiquewhite;
  border-radius: 10px;
  position: relative;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
}
.box__pdf {
  background-color: #f8dcd1;
  background-image: url(/assets/img/pdf.png);
  background-size: 50%;
  background-position-y: center;
  background-position-x: 5%;
  background-repeat: no-repeat;
  margin-left: 0;
}
.box__pdf p {
  font-size: 1.2rem;
  color: #3fa5c3;
  width: 37%;
  right: 0.5rem;
  position: absolute;
  top: 2rem;
  font-weight: 500;
}
@media (max-width: 899px) {
  .box__pdf {
    width: 60%;
  }
}
@media (max-width: 599px) {
  .box__pdf {
    width: 75%;
    margin: 3rem auto;
  }
}
.box__prof-aluno {
  background-color: #f8dcd1;
  background-image: url(/assets/img/prof-aluno.png);
  background-size: 40%;
  background-position-y: center;
  background-position-x: 5%;
  background-repeat: no-repeat;
  margin-left: 0;
}
.box__prof-aluno p {
  font-size: 1.1rem;
  color: #3FA5C3;
  width: 46%;
  right: 1rem;
  position: absolute;
  top: 2rem;
}
@media (max-width: 899px) {
  .box__prof-aluno {
    width: 60%;
  }
}
@media (max-width: 599px) {
  .box__prof-aluno {
    width: 75%;
    margin: 3rem auto;
  }
}
.box__portal {
  padding: 1rem 1rem;
  border-radius: 5px;
  color: #fff;
  width: 15rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 7rem 0rem 0rem 2rem;
  height: 4rem !important;
}
.box__portal span {
  background-color: #fff;
  border-radius: 20px;
  width: 3.6rem;
  height: 2.2rem;
  display: inline-block;
  padding: 5.5px 0 0;
  text-align: center;
  font-size: 1.8rem;
  color: #3FA5C3;
}
.box__portal p {
  font-size: 0.9rem;
  text-align: center;
}
@media (max-width: 599px) {
  .box__portal {
    margin: 1rem 3rem 0 4rem;
  }
}
.box button {
  padding: 0.5rem 1rem;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 13px;
  font-weight: 500;
}
.box button span {
  background-color: #fff;
  border-radius: 20px;
  width: 18px;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 5px 0px 1px 0px;
  text-align: center;
  color: #3FA5C3;
}
@media (max-width: 599px) {
  .box {
    height: 15rem;
  }
}
.box__btn-recomendacoes {
  padding: 0.75rem 1rem;
  border-radius: 10px;
  color: #fff;
  margin: 0.5rem 0.5rem 0.5rem 0rem;
  font-family: "Poppins";
  font-size: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.box__btn-recomendacoes img {
  width: 1rem;
  margin-left: 1rem;
}
.box__btn-recomendacoes p {
  font-size: 1rem;
  line-height: revert-layer;
}
.box__btn-recomendacoes button {
  font-size: 1rem;
}
.box__btn-recomendacoes--background-color-livro {
  background-color: #a3c94b;
}

.development-class--adulto {
  background-color: #3FA5C3;
}
.development-class--medio {
  background-color: #3FA5C3;
}
.development-class--fundamental {
  background-color: #3FA5C3;
}
.development-class--setorpublico {
  background-color: #28346F;
}
.development-class--infantil {
  background-color: #8771AB;
}
.development-class__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: row;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  height: 100%;
  margin-top: 1rem;
  margin-bottom: 2.25rem;
  width: 73%;
  margin: auto;
}
@media (max-width: 599px) {
  .development-class__container {
    margin-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 80%;
  }
}
@media (max-width: 899px) {
  .development-class__container {
    margin-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 80%;
    display: block;
  }
}
.development-class__container--linha-recomendacoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
@media (max-width: 599px) {
  .development-class__container--linha-recomendacoes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 899px) {
  .development-class__container--linha-recomendacoes {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (max-width: 1199px) {
  .development-class__container--linha-recomendacoes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.development-class__container--is-empty {
  font-size: 1.15rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  font-size: 1.15rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  background-origin: border-box;
  background-position: initial;
  background-repeat: no-repeat;
  border-radius: 20px 0 20px 0;
  /* border: solid 2px #354350; */
  color: #ffffff;
  font-size: 1.35rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem;
  width: 100%;
}
.development-class__container--is-empty--adulto {
  background-color: #3FA5C3;
}
.development-class__container--is-empty--medio {
  background-color: #3FA5C3;
}
.development-class__container--is-empty--fundamental {
  background-color: #3FA5C3;
}
.development-class__container--is-empty--setorpublico {
  background-color: #28346F;
}
.development-class__container--is-empty--infantil {
  background-color: #8771AB;
}
@media (max-width: 1199px) {
  .development-class__container--is-empty > span {
    line-height: 3rem !important;
  }
}
@media (max-width: 599px) {
  .development-class__container--is-empty > span {
    line-height: 1.5rem !important;
  }
}
@media (max-width: 599px) {
  .development-class__container--is-empty {
    margin-right: 1rem;
    margin-left: 1rem;
    font-size: 1.15rem;
    padding: 1rem;
  }
}
.development-class__card {
  border: double 0.5rem transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0.5rem;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18rem;
  margin-bottom: inherit;
  padding: 0.5rem;
  position: relative;
  width: 33%;
  min-width: 14rem;
  margin: auto 0.25rem 1rem 0 !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 599px) {
  .development-class__card {
    width: 100% !important;
    max-width: 23.5rem;
  }
}
@media (max-width: 899px) {
  .development-class__card {
    width: 100% !important;
    max-width: 47rem !important;
  }
}
@media (max-width: 1199px) {
  .development-class__card {
    width: 32%;
    max-width: 23rem;
  }
}
.development-class__card > a {
  margin-right: 1rem;
  margin-bottom: calc(1rem + 5px);
  background-color: #fff;
  border-color: #f01;
  border: solid 2px;
  color: #3FA5C3;
}
.development-class__card > .btn:hover {
  background-color: transparent;
}
.development-class__card:last-child {
  margin-bottom: 0;
}
.development-class__card::after {
  border-radius: 10px 0 10px 0;
  bottom: 0;
  content: "";
  display: inline-block;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.development-class__card--feedback {
  height: 20vh;
  max-width: 100%;
}
.development-class__card--is-priority {
  background-clip: content-box, border-box;
  background-origin: border-box;
  padding: 0;
  margin: 0;
}
.development-class__card--is-priority--adulto > a {
  margin: 0 1rem 1rem 0;
  border: inherit;
  color: #fff;
  background-color: #3FA5C3;
}
.development-class__card--is-priority--adulto > .btn:hover {
  background-color: #086083;
}
.development-class__card--is-priority--medio > a {
  margin: 0 1rem 1rem 0;
  border: inherit;
  color: #fff;
  background-color: #3FA5C3;
}
.development-class__card--is-priority--medio > .btn:hover {
  background-color: #086083;
}
.development-class__card--is-priority--fundamental > a {
  margin: 0 1rem 1rem 0;
  border: inherit;
  color: #fff;
  background-color: #3FA5C3;
}
.development-class__card--is-priority--fundamental > .btn:hover {
  background-color: #086083;
}
.development-class__card--is-priority--setorpublico > a {
  margin: 0 1rem 1rem 0;
  border: inherit;
  color: #fff;
  background-color: #28346F;
}
.development-class__card--is-priority--setorpublico > .btn:hover {
  background-color: #343c62;
}
.development-class__card--is-priority--infantil > a {
  margin: 0 1rem 1rem 0;
  border: inherit;
  color: #fff;
  background-color: #8771AB;
}
.development-class__card--is-priority--infantil > .btn:hover {
  background-color: #84739e;
}
.development-class__card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
}
.development-class__card__info__text {
  color: hsl(210, 15%, 96%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  z-index: 10;
  margin-bottom: 0.5rem;
}
@media (max-width: 599px) {
  .development-class__card__info__text {
    font-size: 1rem;
  }
}
.development-class__card__info__right-aux {
  display: block;
  height: auto;
  position: absolute;
  right: 0;
  width: 2rem;
  margin-right: 1rem;
  z-index: 20;
}
.development-class__card__info__right-aux__warn {
  background-color: hsl(210, 24%, 14%);
  color: hsl(210, 15%, 96%);
  font-size: 1.35rem;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  z-index: 10;
  border-radius: 5px 0 5px 0;
}
@media (max-width: 599px) {
  .development-class__card__info__right-aux__warn {
    font-size: 0.85rem;
  }
}
.development-class__card__info__comp-sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.3rem 0.6rem 0.3rem 0.6rem;
  border-radius: 10px;
  color: hsl(210, 15%, 96%) !important;
  margin: 1rem;
  height: 1.4rem;
}
.development-class__card__info__comp-sticker[class*=engagement] {
  background-color: #F5BA2D;
  color: hsl(210, 24%, 14%);
}
.development-class__card__info__comp-sticker[class*=kindness] {
  background-color: #E61646;
  color: hsl(210, 24%, 14%);
}
.development-class__card__info__comp-sticker[class*=management] {
  background-color: #5FB44D;
  color: hsl(210, 24%, 14%);
}
.development-class__card__info__comp-sticker[class*=openness] {
  background-color: #765BA4;
  color: hsl(210, 24%, 14%);
}
.development-class__card__info__comp-sticker[class*=resilience] {
  background-color: #44A0D9;
  color: hsl(210, 24%, 14%);
}
@media (max-width: 599px) {
  .development-class__card__info__comp-sticker {
    font-size: 12px;
    padding: 0.2rem 0.6rem 0.2rem 0.6rem;
  }
}
.development-class__card__cta {
  -ms-flex-item-align: end;
      align-self: flex-end;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 15%;
  right: 0;
  bottom: 0;
  margin: 1rem;
  position: absolute;
  width: 10rem;
  z-index: 10;
}
.development-class__card__cta--feedback {
  padding-bottom: 1.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.2rem;
  font-size: 1.35rem;
}
@media (max-width: 599px) {
  .development-class__card__cta--feedback {
    font-size: 0.85rem;
    padding: 0.5rem;
  }
}
@media (max-width: 599px) {
  .development-class__card__cta {
    width: 7rem;
    height: 20%;
    margin: 0.5rem;
  }
}
.development-class__title {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 2.25rem;
  vertical-align: middle;
  font-size: 2.5rem;
}
@media (max-width: 599px) {
  .development-class__title {
    font-size: 1rem;
  }
}

.study-plan__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  width: 25vw;
  z-index: 10;
}
.study-plan__main-button {
  margin-top: 1.5rem;
  border-radius: 50px 0 0 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  position: fixed;
  padding: 0.8rem 1.2rem 0.8rem 1.2rem;
  background-color: #1A2E3D;
  top: 9rem;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 0px -2px rgba(255, 255, 255, 0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 0px -2px rgba(255, 255, 255, 0);
  z-index: 10;
  -webkit-appearance: initial;
  -webkit-border-fit: border !important;
}
@media (max-width: 599px) {
  .study-plan__main-button {
    border-radius: 0 10px 10px 0;
    height: 2.2rem;
    padding: 0.5rem;
    top: 8rem;
  }
}
.study-plan__main-button--adulto {
  background-color: #3FA5C3;
}
.study-plan__main-button--adulto:hover {
  background-color: #086083;
  -webkit-transition: ease-in-out 500ms;
  -o-transition: ease-in-out 500ms;
  transition: ease-in-out 500ms;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.study-plan__main-button--medio {
  background-color: #3FA5C3;
}
.study-plan__main-button--medio:hover {
  background-color: #086083;
  -webkit-transition: ease-in-out 500ms;
  -o-transition: ease-in-out 500ms;
  transition: ease-in-out 500ms;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.study-plan__main-button--fundamental {
  background-color: #3FA5C3;
}
.study-plan__main-button--fundamental:hover {
  background-color: #086083;
  -webkit-transition: ease-in-out 500ms;
  -o-transition: ease-in-out 500ms;
  transition: ease-in-out 500ms;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.study-plan__main-button--setorpublico {
  background-color: #28346F;
}
.study-plan__main-button--setorpublico:hover {
  background-color: #343c62;
  -webkit-transition: ease-in-out 500ms;
  -o-transition: ease-in-out 500ms;
  transition: ease-in-out 500ms;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.study-plan__main-button--infantil {
  background-color: #8771AB;
}
.study-plan__main-button--infantil:hover {
  background-color: #84739e;
  -webkit-transition: ease-in-out 500ms;
  -o-transition: ease-in-out 500ms;
  transition: ease-in-out 500ms;
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.study-plan__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.study-plan__container div::-webkit-scrollbar {
  width: 1px;
}
.study-plan__container-blocks-container {
  overflow-y: auto;
  margin-top: 3rem;
  margin-left: 1rem;
  padding: 1.2rem;
}
.study-plan__container-blocks-container-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.25rem;
  z-index: 999;
  margin-bottom: 2.25rem;
}
.study-plan__container-blocks-container-block:first-child {
  margin-top: 3rem;
}
.study-plan__container-blocks-container-block--title {
  font-weight: 400;
  font-size: 1.9rem;
}
.study-plan__container-blocks-container-block--no-suggestion {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.study-plan__container-blocks-container-block--course {
  font-weight: 300;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.study-plan__container-blocks-container-block--course-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.5rem;
}
.study-plan__container-blocks-container-block--course-info--is-empty {
  max-width: 100%;
  font-size: 1.15rem;
  color: hsl(211, 10%, 66%);
  padding: 0.5rem;
  margin-right: 1rem;
}
@media (max-width: 599px) {
  .study-plan__container-blocks-container-block--course-info--is-empty {
    font-size: 1rem;
  }
}
.study-plan__container-blocks-container-block--course-info--status {
  font-weight: 800;
}
@media (max-width: 1199px) {
  .study-plan__container-blocks-container-block--course-info--status {
    font-size: 2.25rem;
  }
}
.study-plan__container-blocks-container-block--course-info--title {
  min-width: 80%;
  padding: 0.5rem;
}
@media (max-width: 1199px) {
  .study-plan__container-blocks-container-block--course-info--title {
    font-size: 1.35rem;
    max-width: 50%;
    position: relative;
  }
}
.study-plan__container-blocks-container-block--course-info--cta {
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #1A2E3D;
  border-radius: 50px;
  color: rgb(91, 91, 91);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.35rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1rem;
  z-index: 999;
}
@media (max-width: 1199px) {
  .study-plan__container-blocks-container-block--course-info--cta {
    font-size: 1.15rem;
  }
}
.study-plan__title {
  font-weight: 600;
  font-size: large;
  font-size: 1.35rem;
  font-weight: 400;
  color: hsl(210, 15%, 96%);
}
@media (max-width: 599px) {
  .study-plan__title {
    width: 1.5rem;
  }
}
.study-plan--is-open {
  background-color: #ffffff;
  border-radius: 20px 0 0 0;
  height: 94vh;
  padding: 1rem 1rem 0 1rem;
  position: fixed;
  right: 0;
  width: 35vw;
  z-index: 10;
  color: #000;
  top: 4.5rem;
}
@media (max-width: 1199px) {
  .study-plan--is-open {
    width: 45vw;
  }
}
@media (max-width: 599px) {
  .study-plan--is-open {
    width: 100vw;
    border-radius: 0;
  }
}
.study-plan--is-open > .study-plan__header > .study-plan__title {
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  background-color: hsl(227, 50%, 57%);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 10px 0 10px 0;
  font-size: 1.9rem;
}
@media (max-width: 1199px) {
  .study-plan--is-open > .study-plan__header > .study-plan__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.35rem;
  }
}
@media (max-width: 599px) {
  .study-plan--is-open > .study-plan__header > .study-plan__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.15rem;
  }
}
.study-plan__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 10%;
  background-color: #fff;
  color: #000;
}
.study-plan__header--is-visible:after {
  content: "";
  border-bottom: solid 1px hsl(210, 16%, 85%);
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.3;
  margin-top: 5rem;
}
.study-plan__closeMenu {
  background-color: hsl(211, 10%, 71%);
  border-radius: 50px;
  font-size: 1.5rem;
  font-weight: 600;
  height: auto;
  margin-right: 0.5rem;
  padding: 0.2rem;
  position: relative;
  pointer-events: visibleFill;
}
.study-plan__closeMenu[class*=icon-x] {
  color: #5B5B5B;
}
@media (max-width: 599px) {
  .study-plan__closeMenu {
    font-size: 1.2rem;
  }
}

.class-feedback {
  z-index: 400;
  bottom: 0;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99999;
  background-color: white;
}
.class-feedback > *:not([class*=close]) {
  position: relative;
  z-index: 2;
}
@media (max-width: 899px) {
  .class-feedback {
    width: 100vw;
  }
}
@media (max-width: 1799px) {
  .class-feedback {
    height: 100%;
  }
  .class-feedback .carousel__step--1 {
    height: 100%;
  }
  .class-feedback .class-feedback__box {
    margin-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 599px) {
  .class-feedback {
    width: 100vw;
    height: calc(100vh + 50px);
    margin-top: 3rem;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 450px) {
  .class-feedback {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    bottom: 100%;
    padding-bottom: 10vh;
  }
  .class-feedback .class-feedback__footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .class-feedback .carousel--1 {
    gap: 0 !important;
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    overflow: hidden;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .class-feedback .carousel--1 > .carousel__step--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100% !important;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
  }
  .class-feedback .class-feedback__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    height: 100vh;
  }
}
@media (max-height: 641px) and (max-width: 900px) {
  .class-feedback .carousel__step--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh !important;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: scroll !important;
  }
}
.class-feedback:has(.carousel--2) {
  height: 100vh !important;
  padding-bottom: 0;
  bottom: 0 !important;
  overflow-y: hidden !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.class-feedback:has(.carousel--2) .class-feedback__carousel {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.class-feedback:has(.carousel--2) .carousel__step--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100% !important;
  margin-bottom: 2rem;
}
.class-feedback:before {
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
  color: #000;
  width: 50%;
  height: 60%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #Fafafa;
  border-radius: 30px 0 30px 0;
}
@media (max-width: 1199px) {
  .class-feedback:before {
    width: 70%;
    height: 60%;
  }
}
@media (max-width: 899px) {
  .class-feedback:before {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.class-feedback p {
  font-size: 1rem;
  opacity: 0.75;
  margin-bottom: 1vh;
  color: #000;
}
@media (min-width: 601px) {
  .class-feedback p {
    margin-top: 5rem;
  }
}
@media (min-width: 901px) {
  .class-feedback p {
    margin-top: 5rem;
  }
}
@media (min-width: 1201px) {
  .class-feedback p {
    margin-top: 0rem;
  }
}
@media (min-width: 1801px) {
  .class-feedback p {
    margin-top: 0rem;
  }
}
.class-feedback__avancarCima {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 1rem;
}
.class-feedback__avancarCima > a {
  margin-top: 0;
  border: solid 2px #fafafa;
}
@media (max-width: 599px) {
  .class-feedback__avancarCima {
    padding-right: 0rem;
  }
}
.class-feedback__message-exit {
  font-size: 1.6rem;
  margin-bottom: 10px;
  max-width: 98%;
  padding: 10px;
  width: 64rem;
}
.class-feedback__close {
  color: #000;
  font-size: 2.5rem;
  opacity: 0.8;
  position: absolute;
  right: 1rem;
  top: 3rem;
  z-index: 11;
}
@media (max-width: 599px) {
  .class-feedback__close {
    top: 1rem !important;
    -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
            transform: translateY(25px);
  }
}
@media (min-width: 901px) {
  .class-feedback__close {
    top: 1rem;
  }
}
@media (max-width: 899px) {
  .class-feedback__close {
    top: 1rem;
    right: 1rem;
  }
}
@media (max-width: 1199px) {
  .class-feedback__close {
    top: 1rem;
    right: 1rem;
  }
}
@media (max-width: 1799px) {
  .class-feedback__close {
    top: 1rem;
  }
}
.class-feedback__box {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
  max-width: 90%;
  padding: 2.25rem 1rem 1rem;
  width: 80rem;
  margin-top: 0rem;
}
@media (min-width: 901px) {
  .class-feedback__box {
    padding: 3.75rem 0.25rem 1.5rem;
    margin-top: 10rem;
  }
}
@media (max-width: 899px) {
  .class-feedback__box {
    padding: 3.75rem 0.25rem 1.5rem;
    margin-top: 0rem;
  }
}
@media (max-width: 599px) {
  .class-feedback__box {
    background-color: white;
    height: 100vw;
    padding: 0;
    margin-top: 0rem !important;
    position: absolute;
  }
  .class-feedback__box:has(.carousel--2) {
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .class-feedback__box {
    max-width: 100%;
    margin-top: 0rem;
  }
}
@media (max-width: 1799px) {
  .class-feedback__box {
    max-width: 100%;
    margin-top: 10rem;
  }
}
.class-feedback__header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: auto;
}
.class-feedback__carousel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-height: 579px) {
  .class-feedback__carousel {
    margin-bottom: 10rem;
  }
}
.class-feedback__suggestions-list {
  width: 100%;
  padding: 3rem;
  -ms-flex-line-pack: space-evenly;
      align-content: space-evenly;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.class-feedback__suggestions-list > li {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.class-feedback__back-home-cta {
  padding: 1rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.class-feedback__paths {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0rem;
}
.class-feedback__paths-title {
  font-size: 1.9rem;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .class-feedback__paths-title {
    font-size: 1.9rem;
  }
}
@media (min-width: 901px) {
  .class-feedback__paths-title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1201px) {
  .class-feedback__paths-title {
    font-size: 2.5rem;
  }
}
.class-feedback__paths-title {
  margin-bottom: 3.75rem;
  font-weight: 400;
}
.class-feedback__paths-title--hr {
  border-radius: 0px 20px;
  background-color: hsl(227, 42%, 47%);
  padding: 1rem;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 599px) {
  .class-feedback__paths-title {
    font-size: 24px;
    margin-bottom: 2rem;
  }
}
.class-feedback__paths-subtitle {
  color: white;
  padding: 0.75rem 1.5rem;
  font-size: 2.5rem;
  font-weight: 200;
  border-radius: 0px 19px;
}
.class-feedback__paths-subtitle--autogestao {
  background-color: #5fb34b;
}
.class-feedback__paths-subtitle--abertura {
  background-color: #765ba4;
}
.class-feedback__paths-subtitle--engajamento {
  background-color: #f5ba2f;
}
.class-feedback__paths-subtitle--amabilidade {
  background-color: #e61e44;
}
.class-feedback__paths-subtitle--modulacao {
  background-color: #4ea3da;
}
.class-feedback__paths-list {
  padding: 2.75rem 6rem;
}
.class-feedback__paths-list > li {
  width: 100%;
}
@media (max-width: 599px) {
  .class-feedback__paths-list > li > button {
    font-size: 13px;
    padding: 1rem;
  }
  .class-feedback__paths-list > li .btn--text {
    border: solid 1px #4D5457;
  }
}
@media (max-width: 599px) {
  .class-feedback__paths-list {
    padding: 2.75rem 1rem;
    width: 90%;
    font-size: 16px;
  }
}
.class-feedback__paths-list > * {
  text-align: center;
}
.class-feedback__paths-list > *:not(:last-child) {
  margin-bottom: 2.25rem;
}
.class-feedback__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.35rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  right: 3rem;
  margin-top: 0rem;
}
@media (max-width: 599px) {
  .class-feedback__footer {
    width: 75%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: center;
    margin: auto;
    display: contents;
  }
}
@media (min-width: 601px) {
  .class-feedback__footer {
    position: relative;
    right: 0rem;
  }
}
@media (min-width: 901px) {
  .class-feedback__footer {
    position: relative;
  }
}
@media (min-width: 1201px) {
  .class-feedback__footer {
    height: 3.75rem;
  }
}
.class-feedback__title {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .class-feedback__title {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .class-feedback__title {
    font-size: 2.25rem;
  }
}
.class-feedback__title {
  size: 2rem !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
  color: #fff;
  font-weight: 600;
}
@media (max-width: 599px) {
  .class-feedback__title {
    color: #808080;
    font-size: 24px;
    font-weight: 500;
  }
}
.class-feedback__imprimir {
  position: absolute;
  top: 7.25rem;
  width: 14rem;
  right: 0rem;
  color: #3FA5C3;
  background-color: #fff;
  border-radius: 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.class-feedback__imprimir p {
  font-weight: 600;
  font-size: 0.85rem;
  margin: 0.5rem 1rem;
}
.class-feedback__imprimir img {
  width: 15%;
}
@media (max-width: 1199px) {
  .class-feedback__imprimir {
    top: 6rem !important;
  }
}
@media (max-width: 599px) {
  .class-feedback__imprimir {
    display: none;
  }
}
.class-feedback__imprimir-m {
  display: none;
  top: 5rem;
  position: absolute;
  top: 4.25rem;
  width: 9rem;
  right: 0rem;
  color: #3FA5C3;
  background-color: #fff;
  border-radius: 2rem;
}
.class-feedback__imprimir-m p {
  font-weight: 600;
  font-size: 0.85rem;
  margin: 0.5rem 1rem;
}
.class-feedback__imprimir-m img {
  width: 24%;
}
@media (max-width: 599px) {
  .class-feedback__imprimir-m {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.class-feedback__subtitle {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .class-feedback__subtitle {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .class-feedback__subtitle {
    font-size: 1.35rem;
  }
}
.class-feedback__domain-wifi {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
}
.class-feedback__step-btn-back {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-top: 1.8rem;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 599px) {
  .class-feedback__step-btn-back {
    bottom: 1rem;
    left: 1rem;
  }
}
.class-feedback__step-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-top: 1.8rem;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 599px) {
  .class-feedback__step-btn {
    position: absolute;
    bottom: 1rem;
    right: 0rem;
    width: 100%;
  }
}
@media (max-width: 899px) {
  .class-feedback__step-btn {
    position: relative;
    bottom: 1rem;
    right: 0rem;
  }
}
.class-feedback__step-btn:only-child {
  margin-left: auto;
}
.class-feedback__step-btn > * {
  position: relative;
  z-index: 2;
}
.class-feedback__step-btn--final {
  opacity: 0;
  visibility: hidden;
}
.class-feedback__step-btn--final--is-show {
  opacity: 1;
  visibility: visible;
}
.class-feedback__next-step-label {
  padding-top: 0.2rem;
  text-transform: normal;
}
.class-feedback__step-arrow {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 1.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5em;
  margin-left: 0.5rem;
}
.class-feedback__step-arrow img {
  max-width: 85%;
  width: 5rem;
}
.class-feedback__step-arrow--seta-voltar {
  margin-right: 0.5rem;
  margin-left: 0rem;
}
.class-feedback__grid {
  display: block;
  height: auto;
  margin: auto;
  width: 100%;
}
@media (orientation: landscape) and (max-height: 899px) {
  .class-feedback__grid {
    max-width: 720px;
  }
}
@media (min-width: 1201px) {
  .class-feedback__grid {
    max-height: initial;
  }
}
.class-feedback__pagination {
  display: none;
}
@media (min-width: 601px) {
  .class-feedback__pagination {
    display: block;
    font-variant-numeric: tabular-nums;
    left: 50%;
    position: absolute;
    top: calc(50% + 1rem / 2);
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .class-feedback__pagination--autorrelato {
    color: #3FA5C3;
  }
  .class-feedback__pagination--setorpublico {
    color: #28346F;
  }
  .class-feedback__pagination--heterorrelato {
    color: #8771AB;
  }
}
.class-feedback__results-btn {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  z-index: 999;
  opacity: 0;
}
@media (max-width: 599px) {
  .class-feedback__results-btn {
    left: 2.25rem;
    top: -1rem !important;
  }
}
@media (min-width: 901px) {
  .class-feedback__results-btn--mob {
    display: none;
  }
  .class-feedback__results-btn {
    right: 5rem;
  }
}
@media (max-width: 900px) {
  .class-feedback__results-btn {
    right: 2.25rem;
    top: 2.25rem;
  }
  .class-feedback__results-btn--not-mob {
    display: none;
  }
}
@media (max-width: 900px) {
  .class-feedback__results-btn {
    left: 2.25rem;
    top: 2.25rem;
  }
}
.class-feedback__go-to-zero {
  margin: 1rem 0 0 !important;
  width: 3rem !important;
  right: -3rem !important;
}
@media (max-width: 1199px) {
  .class-feedback__go-to-zero {
    height: 2.5rem !important;
    width: 2.5rem !important;
  }
}
@media (max-width: 899px) {
  .class-feedback__go-to-zero {
    margin: 1.5rem 0 0 !important;
    right: 0rem !important;
  }
}
@media (max-width: 599px) {
  .class-feedback__go-to-zero {
    margin: 3rem 0 0 !important;
    height: 2.25rem !important;
    width: 2.25rem !important;
  }
}

.teste-wifi {
  height: auto;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 0.5rem;
}

.competencies-progress-v {
  z-index: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  grid-template-columns: repeat(5, 16.3%);
  justify-items: center;
}
.competencies-progress-v > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.competencies-progress-v > li > div > span {
  position: relative;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.competencies-progress-v__progress {
  position: absolute;
  z-index: 2;
}
.competencies-progress-v__nota {
  position: relative;
  z-index: 4;
  left: 0;
  top: 45%;
  width: 100%;
  height: 40%;
  display: grid;
  width: 4px;
  background-color: darkslategrey;
  grid-column: auto;
}
.competencies-progress-v__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  font-size: 1.35rem;
  /* height: 3.75rem; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10rem;
  /*  padding-top: 1rem; */
  position: relative;
  border-color: #354350;
  opacity: 0.35;
}
@media (min-width: 601px) {
  .competencies-progress-v__footer {
    height: 2.2rem;
    margin-top: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vh;
  }
}
@media (min-width: 901px) {
  .competencies-progress-v__footer {
    margin-top: 11rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .competencies-progress-v__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11.5rem;
    width: 100%;
  }
}

.competencies-progress-l {
  position: relative;
}
.competencies-progress-l__progress {
  position: relative;
  display: inline-block;
  float: left;
  text-align: center;
  margin: 0 14% 0 0;
}
.competencies-progress-l :first-child span {
  margin: 0 10% 0 4%;
}
.competencies-progress-l :last-child span {
  margin: 0 0% 0 0%;
}
.competencies-progress-l__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.35rem;
  /* height: 3.75rem; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*   margin-top: 1rem; */
  /*  padding-top: 1rem; */
  position: relative;
  border-color: aqua;
}
.competencies-progress-l__label {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  bottom: calc(100% + 1.5rem);
  left: 50%;
  min-width: 10rem;
  opacity: 0.75;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.competencies-progress {
  z-index: 10000000000000000000000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 40vw;
  min-height: auto;
  position: relative;
  width: calc(100vw + 40vw);
}
@media (max-width: 599px) {
  .competencies-progress li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 899px) {
  .competencies-progress {
    width: 100%;
  }
}
@media (min-width: 901px) {
  .competencies-progress {
    margin-left: 5vw;
    margin-right: 5vw;
    width: auto;
    z-index: 1;
  }
}
@media (max-width: 899px) {
  .competencies-progress {
    margin-top: 3rem;
    margin-left: 0;
    width: 100%;
  }
  .competencies-progress > li {
    padding-top: 0.5rem;
  }
}
@media (max-width: 899px) and (min-width: 1201px) {
  .competencies-progress > li {
    z-index: 1;
  }
}
@media (max-width: 599px) {
  .competencies-progress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 90%;
    margin: 0;
  }
  .competencies-progress > li > span {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 2rem;
    width: 3rem;
    z-index: 9;
  }
}
.competencies-progress--has-history {
  background-color: hsl(210, 15%, 8%);
  margin-bottom: 0.5rem;
  position: sticky;
  top: 0;
  z-index: 4;
}
.competencies-progress--has-history::before {
  background-color: inherit;
  bottom: 50%;
  content: "";
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100vw + 40vw);
  z-index: 1;
}
@media (min-width: 901px) {
  .competencies-progress--has-history::before {
    width: calc(100vw + 5vw);
  }
}
.competencies-progress__bar {
  height: 3.8rem;
  background-color: rgba(255, 255, 255, 0.4117647059);
  display: block;
  position: relative;
  border-radius: 3rem;
  z-index: 0;
  margin: 0 0.1rem;
}
@media (max-width: 599px) {
  .competencies-progress__bar {
    height: 4.3rem;
    display: block;
    margin: 0 0.2rem;
  }
}
.competencies-progress--is-history {
  position: relative;
  z-index: 1;
  height: 6rem;
}
.competencies-progress--is-history::before {
  content: attr(data-date);
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  opacity: 0.75;
  position: absolute;
  right: calc(100% + 4em);
  z-index: 2;
}
@media (max-width: 599px) {
  .competencies-progress--is-history::before {
    background-color: hsl(210, 24%, 14%);
    padding: 0.3rem;
    text-align: center;
    width: 100vw;
    opacity: 1;
  }
}
.competencies-progress--is-history::after {
  content: "";
  height: 102%;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(-9%);
      -ms-transform: translateX(-9%);
          transform: translateX(-9%);
  width: 100vw;
  z-index: 1;
}
.competencies-progress--is-history .competencies-progress__wifi {
  border-color: transparent;
  height: 4em;
  width: 4em;
}
.competencies-progress--is-history > *::before {
  background-color: hsl(209, 20%, 26%);
  content: "";
  height: 102%;
  left: 50%;
  opacity: 0.2;
  position: absolute;
  top: -50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 3px;
}
.competencies-progress--is-history:last-of-type > *::before {
  bottom: 0;
  height: 50%;
}
.competencies-progress--is-history:not(:only-of-type):hover::after {
  opacity: 0.75;
}
.competencies-progress > * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12rem;
          flex: 0 0 12rem;
  margin: -2em 0;
  margin: 0 -2em;
  position: relative;
}
@media (min-width: 901px) {
  .competencies-progress > * {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media (max-width: 599px) {
  .competencies-progress > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4rem;
            flex: 0 0 4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.competencies-progress__descricao {
  width: 20rem;
  text-align: center;
  position: relative;
  margin: auto;
  line-height: 1.3rem;
  /* left: 8rem; */
  container: auto;
  font-size: 1rem;
  color: #808080;
  margin-top: 0rem;
  top: 28rem;
}
@media (max-width: 599px) {
  .competencies-progress__descricao {
    left: 0rem !important;
    top: 7rem !important;
    display: grid !important;
    width: 100% !important;
    width: 20rem;
    text-align: center;
    position: absolute;
    margin: auto;
    line-height: 1.3rem;
    /* left: 8rem; */
    container: auto;
    font-size: 1.1rem;
    color: #808080;
    left: -6rem;
    top: 17rem;
  }
}
@media (max-width: 899px) {
  .competencies-progress__descricao {
    left: 0rem;
    top: 26rem;
  }
}
@media (max-width: 599px) {
  .competencies-progress__wifi-apagado {
    display: none !important;
  }
}
.competencies-progress__percentage-bar {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 50px;
  height: 17rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  /* background: aquamarine; */
  top: 6.5rem;
  position: absolute;
  width: 100%;
  z-index: 5;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width: 599px) {
  .competencies-progress__percentage-bar {
    -webkit-transform: translate(0%, 20%) rotate(90deg);
        -ms-transform: translate(0%, 20%) rotate(90deg);
            transform: translate(0%, 20%) rotate(90deg);
    height: 18rem;
    top: -9.5rem;
  }
}
.competencies-progress__percentage-bar-fill {
  position: relative;
  width: 8px;
  display: none;
  background-color: #3fa5c3;
  border-radius: 0.5rem;
  margin: 0.5rem;
  z-index: 9;
}
.competencies-progress__percentage-bar-fill--is-visible {
  display: block;
}
.competencies-progress__percentage-bar-dividers {
  width: 8px;
  position: absolute;
}
.competencies-progress__percentage-bar-dividers--1 {
  height: 25%;
}
.competencies-progress__percentage-bar-dividers--2 {
  height: 50%;
}
.competencies-progress__percentage-bar-dividers--3 {
  height: 75%;
}
.competencies-progress__percentage-bar-dividers--4 {
  height: 100%;
}
@media (max-width: 599px) {
  .competencies-progress__percentage-bar-dividers {
    width: 1rem;
  }
}
.competencies-progress__percentage-bar::before {
  content: "";
  height: 102%;
  width: 14px;
  background-color: rgba(63, 164, 195, 0.2666666667);
  position: absolute;
  display: block;
  z-index: -1;
  border-radius: 20rem;
}
.competencies-progress__progress {
  height: 4px;
  left: 2em;
  opacity: 0.35;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: initial;
      -ms-transform-origin: initial;
          transform-origin: initial;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(100% - 40vw);
  z-index: 0;
}
@media (min-width: 901px) {
  .competencies-progress__progress {
    left: 2em;
    width: 100%;
  }
}
@media (max-width: 899px) {
  .competencies-progress__progress {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .competencies-progress__progress {
    -webkit-transform: translate(0, -50%) !important;
        -ms-transform: translate(0, -50%) !important;
            transform: translate(0, -50%) !important;
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: 80%;
    width: 4px !important;
    left: 47px;
  }
}
.competencies-progress__wifi-ativo {
  background-color: #333333 !important;
}
.competencies-progress__wifi-heterorrelato {
  border: none !important;
  background-color: #e3dae7;
}
.competencies-progress__wifi {
  position: relative;
  border: 3px solid;
}
.competencies-progress__wifi--autorrelato {
  border-color: #3FA5C3;
}
.competencies-progress__wifi--setorpublico {
  border-color: #28346F;
}
.competencies-progress__wifi--heterorrelato {
  border-color: #8771AB;
}
.competencies-progress__wifi {
  height: 8em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8em;
  z-index: 1;
  opacity: 0.5;
}
@media (max-width: 900px) {
  .competencies-progress__wifi--done {
    border-width: 2px;
  }
}
.competencies-progress__wifi--active {
  border-width: 2px;
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
  z-index: 1;
  opacity: 1;
  margin: 0rem auto;
  bottom: 3rem;
}
@media (max-width: 900px) {
  .competencies-progress__wifi--active {
    -webkit-animation: none;
            animation: none;
    border-width: 2px;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
[class*=show-wifi] .competencies-progress__wifi--active, [class*=carousel--1] .competencies-progress__wifi--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.competencies-progress__wifi--is-latest {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
@media (max-width: 599px) {
  .competencies-progress__wifi {
    height: 7em !important;
    width: 7em !important;
    position: absolute !important;
    top: -9rem;
  }
}
@media (max-width: 899px) {
  .competencies-progress__wifi {
    height: 6em !important;
    width: 6em !important;
  }
}
.competencies-progress__label {
  top: 0.5rem;
  left: 9rem;
  min-width: 10rem;
  opacity: 0.75;
  position: relative;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: 1rem;
  text-transform: math-auto !important;
  margin: 2rem auto;
}
@media (min-width: 601px) {
  .competencies-progress__label {
    bottom: 0;
    top: 18.5rem;
    left: 50%;
    padding-bottom: 0;
  }
}
@media (max-width: 599px) {
  .competencies-progress__label {
    position: relative;
    /* display: inline-block !important; */
    background: au;
    margin: auto;
    width: 50%;
    top: -0.5rem !important;
  }
}
@media (max-width: 899px) {
  .competencies-progress__label {
    top: 13.5rem;
    min-width: 13rem;
  }
}
@media (min-width: 901px) {
  .competencies-progress__label {
    left: 50%;
    top: 15.5rem;
    font-size: 1rem !important;
  }
}
@media (min-width: 1201px) {
  .competencies-progress__label {
    top: 15.5rem;
    left: 50%;
  }
}
.competencies-progress__label--is-current {
  font-size: 1.8rem !important;
  font-weight: 500;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #808080;
  position: relative;
  margin: auto auto 0rem;
  width: 80%;
  top: 13rem;
  min-height: 4rem;
  left: 40%;
}
@media (max-width: 599px) {
  .competencies-progress__label--is-current {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    display: inline-table !important;
    left: 7rem;
  }
}
@media (max-width: 899px) {
  .competencies-progress__label--is-current {
    top: 11rem;
  }
}
@media (max-width: 1199px) {
  .competencies-progress__label--is-current {
    font-size: 1.4rem !important;
  }
}
.competencies-progress__label {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.competencies-progress__label__aux {
  font-size: 1rem;
  font-weight: 100;
  height: 22px;
  border-radius: 50px;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 1rem 0.25rem 1rem;
  margin-bottom: 1.5rem;
  justify-self: center;
  min-width: 0;
  z-index: 2;
  opacity: 0.2;
  top: -2.8rem;
}
.competencies-progress__label__aux:hover {
  opacity: 1;
}
.competencies-progress__label__aux--current {
  background-color: #1A2E3D;
  opacity: 1;
}
.competencies-progress__label__aux--current:hover {
  background-color: #1A2E3D;
}
@media (max-width: 599px) {
  .competencies-progress__label__aux {
    position: absolute !important;
    left: -5.5rem;
    -webkit-transform: translate(70%, -50%);
    -ms-transform: translate(70%, -50%);
    transform: translate(70%, -50%);
    padding: 0 !important;
    height: 1.5rem !important;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center;
    top: 2rem;
    width: 30px;
  }
}
.competencies-progress__label--autoper {
  top: -50%;
}
@media (max-width: 599px) {
  .competencies-progress__label--nao-atual {
    display: none !important;
  }
}
.competencies-progress__label-heterorrelato {
  text-transform: lowercase;
}
.competencies-progress__history {
  margin-left: 3.75rem;
  text-align: left;
  width: 100%;
}
.competencies-progress__medidor {
  width: 19rem;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: relative;
  top: 18.5rem;
  padding: 0.5rem;
  border-radius: 15px;
}
.competencies-progress__medidor--autorrelato {
  background-color: rgba(63, 165, 195, 0.1490196078);
}
.competencies-progress__medidor--setorpublico {
  background-color: rgba(52, 60, 98, 0.0980392157);
}
.competencies-progress__medidor--heterorrelato {
  background-color: rgba(132, 115, 158, 0.0980392157);
}
@media (max-width: 599px) {
  .competencies-progress__medidor {
    left: 5.5rem;
    margin: inherit;
    top: 4rem !important;
  }
}
@media (max-width: 899px) {
  .competencies-progress__medidor {
    left: 0rem;
    top: 16rem;
  }
}
.competencies-progress__gomos {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 8px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #fff;
}
.competencies-progress__gomos .mascara {
  position: absolute;
  height: 100%;
}
.competencies-progress__gomos .mascara--autorrelato {
  background: #3FA5C3;
}
.competencies-progress__gomos .mascara--setorpublico {
  background: #28346F;
}
.competencies-progress__gomos .mascara--heterorrelato {
  background: #8771AB;
}
.competencies-progress__gomos .mascara {
  -webkit-animation: slideValorBarrinha 3s forwards;
          animation: slideValorBarrinha 3s forwards;
}
.competencies-progress__gomos:nth-child(1) .mascara {
  left: 0;
  width: 0%;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.competencies-progress__gomos:nth-child(2) .mascara {
  left: -100%;
  width: 100%;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.competencies-progress__gomos:nth-child(3) .mascara {
  left: -200%;
  width: 200%;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.competencies-progress__gomos:nth-child(4) .mascara {
  left: -300%;
  width: 300%;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

@media (max-width: 599px) {
  .autoper {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .autoper__has-history {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .autoper__label {
    font-size: 0.55rem !important;
    top: 0;
    left: 3rem;
    position: relative;
    min-width: 6rem;
  }
  .autoper__progress {
    display: none;
  }
  .autoper--is-history {
    height: 8rem;
  }
  .autoper--is-history::before {
    content: attr(data-date);
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    font-size: 12px;
    -webkit-transform: translate(50%, -2rem);
        -ms-transform: translate(50%, -2rem);
            transform: translate(50%, -2rem);
    display: block;
    margin-bottom: 1rem;
  }
  .autoper--is-history > *::before {
    height: 4.5rem !important;
    -webkit-transform: translate(-50%, -30%) !important;
        -ms-transform: translate(-50%, -30%) !important;
            transform: translate(-50%, -30%) !important;
  }
  .autoper > * {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6rem;
            flex: 0 0 6rem;
  }
  .autoper > li > span {
    margin-bottom: 0;
  }
}
.autoper-card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1199px) {
  .autoper-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 3rem;
  }
}
.autoper-card-header {
  width: 41%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1199px) {
  .autoper-card-header {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.autoper-card-header-niveis {
  width: 17%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1199px) {
  .autoper-card-header-niveis {
    width: 10.75%;
    height: auto;
  }
}
@media (max-width: 599px) {
  .autoper-card-header-niveis {
    width: 17%;
    height: auto;
  }
}
.autoper-card-header-niveis-vazio {
  border-radius: 8px;
  min-width: 100%;
  min-height: 18%;
}
@media (max-width: 1199px) {
  .autoper-card-header-niveis-vazio {
    border-radius: 6px;
    min-height: 17%;
  }
}
@media (max-width: 599px) {
  .autoper-card-header-niveis-vazio {
    min-height: 18%;
  }
}
.autoper-card-header-niveis-vazio-autogestao {
  background-color: rgba(138, 185, 37, 0.1254901961);
}
.autoper-card-header-niveis-vazio-engajamento {
  background-color: rgba(244, 187, 47, 0.1254901961);
}
.autoper-card-header-niveis-vazio-amabilidade {
  background-color: rgba(230, 29, 71, 0.1254901961);
}
.autoper-card-header-niveis-vazio-modulacao {
  background-color: rgba(63, 165, 195, 0.1254901961);
}
.autoper-card-header-niveis-vazio-abertura {
  background-color: rgba(118, 90, 163, 0.1254901961);
}
.autoper-card-header-niveis-preenchido {
  border-radius: 8px;
  min-width: 2rem;
  min-height: 18%;
}
@media (max-width: 1199px) {
  .autoper-card-header-niveis-preenchido {
    border-radius: 6px;
    min-height: 17%;
  }
}
@media (max-width: 599px) {
  .autoper-card-header-niveis-preenchido {
    min-height: 18%;
  }
}
.autoper-card-header-niveis-preenchido-autogestao {
  background-color: #8AB925;
}
.autoper-card-header-niveis-preenchido-engajamento {
  background-color: #F4BB2F;
}
.autoper-card-header-niveis-preenchido-amabilidade {
  background-color: #E61D47;
}
.autoper-card-header-niveis-preenchido-modulacao {
  background-color: #3FA5C3;
}
.autoper-card-header-niveis-preenchido-abertura {
  background-color: #765AA3;
}
.autoper-card-header-info {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: white;
  border-radius: 0px 20px 20px 0px;
  padding: 1.2rem 1.5rem;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1199px) {
  .autoper-card-header-info {
    width: 88%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.2rem 2.5rem;
  }
}
@media (max-width: 599px) {
  .autoper-card-header-info {
    width: 80%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.2rem 2rem;
  }
}
.autoper-card-header-info-autogestao {
  background-color: #8AB925;
}
.autoper-card-header-info-engajamento {
  background-color: #F4BB2F;
}
.autoper-card-header-info-amabilidade {
  background-color: #E61D47;
}
.autoper-card-header-info-modulacao {
  background-color: #3FA5C3;
}
.autoper-card-header-info-abertura {
  background-color: #765AA3;
}
.autoper-card-header-info-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1199px) {
  .autoper-card-header-info-text {
    width: 60%;
  }
}
@media (max-width: 599px) {
  .autoper-card-header-info-text {
    width: 100%;
  }
}
.autoper-card-header-info-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-item-align: center;
      align-self: center;
}
.autoper-card-header-info-titulo-icon {
  margin: 0rem 0.25rem 0rem 0rem;
}
.autoper-card-header-info-titulo-icon > svg {
  display: none;
}
@media (max-width: 1199px) {
  .autoper-card-header-info-titulo-icon {
    margin: 0rem 0.75rem 0rem 0rem;
  }
}
.autoper-card-header-info-titulo h2 {
  text-align: center;
  font-size: 26px;
  font-weight: 200;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 599px) {
  .autoper-card-header-info-titulo h2 {
    font-size: 22px;
  }
}
.autoper-card-header-info h3 {
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0.75rem 0rem 1rem 0rem;
  font-weight: 600;
  font-size: 16px;
}
.autoper-card-header-info button {
  background-color: white;
  border-radius: 10px;
  padding: 0.6rem 0.5rem;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  width: 15rem;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.autoper-card-header-info button b {
  font-weight: 600;
}
@media (max-width: 1199px) {
  .autoper-card-header-info button {
    width: 30%;
  }
}
@media (max-width: 599px) {
  .autoper-card-header-info button {
    width: 100%;
  }
}
.autoper-card-header-info-button-autogestao {
  color: #8AB925;
}
.autoper-card-header-info-button-engajamento {
  color: #F4BB2F;
}
.autoper-card-header-info-button-amabilidade {
  color: #E61D47;
}
.autoper-card-header-info-button-modulacao {
  color: #3FA5C3;
}
.autoper-card-header-info-button-abertura {
  color: #765AA3;
}
.autoper-card-list {
  width: 57%;
  min-height: 10rem;
  padding: 1.5rem;
  background-color: white;
  border-radius: 20px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  .autoper-card-list {
    width: 100%;
    min-height: 0rem;
  }
}
.autoper-card-list-comps {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 599px) {
  .autoper-card-list-comps {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem 0rem;
  }
}
.autoper-card-list-comps-comp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 20%;
}
@media (max-width: 599px) {
  .autoper-card-list-comps-comp {
    width: 45%;
  }
}
.autoper-card-list-comps-comp-image {
  width: 4rem;
  height: 4rem;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 50%;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.autoper-card-list-comps-comp-image-autogestao {
  background-color: #8AB925;
}
.autoper-card-list-comps-comp-image-engajamento {
  background-color: #F4BB2F;
}
.autoper-card-list-comps-comp-image-amabilidade {
  background-color: #E61D47;
}
.autoper-card-list-comps-comp-image-modulacao {
  background-color: #3FA5C3;
}
.autoper-card-list-comps-comp-image-abertura {
  background-color: #765AA3;
}
.autoper-card-list-comps-comp-image h5 {
  text-align: center;
  color: white;
}
.autoper-card-list-comps-comp-image img {
  width: 80%;
  -ms-flex-item-align: center;
      align-self: center;
}
.autoper-card-list-comps h4 {
  color: black;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 899px) {
  .autoper__ebook {
    margin-top: 0;
    margin-bottom: 6rem;
  }
}
@media (max-width: 599px) {
  .autoper__ebook {
    margin-top: 1rem;
  }
}
@media (max-width: 500px) {
  .autoper__ebook {
    margin-bottom: 0;
  }
}
.autoper__ebook-wrapper {
  background-color: #1A2E3D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
  margin-bottom: 3rem;
  border-radius: 20px;
  width: 100%;
  justify-self: flex-end;
  position: relative;
}
.autoper__ebook-wrapper > img {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 193px;
  top: -35px;
}
@media (max-width: 1050px) {
  .autoper__ebook-wrapper > img {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 899px) {
  .autoper__ebook-wrapper > img {
    display: none;
  }
}
@media (max-width: 1050px) {
  .autoper__ebook-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 899px) {
  .autoper__ebook-wrapper {
    padding: 2rem 0;
    margin-bottom: -3rem;
  }
}
@media (max-width: 599px) {
  .autoper__ebook-wrapper {
    margin-bottom: 2rem;
  }
}
.autoper__ebook-description {
  width: auto;
  height: 100%;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  padding-left: 10rem;
  display: block;
}
@media (max-width: 1199px) {
  .autoper__ebook-description {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 1050px) {
  .autoper__ebook-description {
    text-align: center;
    padding: 0 4rem;
    width: 80%;
  }
}
@media (max-width: 899px) {
  .autoper__ebook-description {
    padding: 0 0 0 0;
  }
}
.autoper__ebook-description > p > span {
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .autoper__ebook-description > p > span {
    font-size: 20px;
  }
}
@media (max-width: 899px) {
  .autoper__ebook-description > p > span {
    display: block;
    width: 100%;
  }
}
.autoper__ebook-cta {
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 60%;
}
@media (max-width: 1050px) {
  .autoper__ebook-cta {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1rem;
  }
}
@media (max-width: 899px) {
  .autoper__ebook-cta {
    margin-top: 2rem;
  }
}
@media (max-width: 599px) {
  .autoper__ebook-cta {
    margin-top: 1rem;
  }
}
.autoper__ebook-cta--btn {
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#3FA5C3), to(#765AA3));
  background: -o-linear-gradient(top, #3FA5C3 0%, #765AA3 100%);
  background: linear-gradient(180deg, #3FA5C3 0%, #765AA3 100%);
  font-weight: 700;
  color: #F3F0F8;
  font-size: 22px;
  line-height: 100%;
  padding: 22px 50px;
  border-radius: 10px;
  height: 67px;
  position: relative;
  width: 75%;
  text-align: center;
}
@media (max-width: 1199px) {
  .autoper__ebook-cta--btn {
    width: 240px;
    text-align: center;
    padding: 22px 20px;
    font-size: 20px;
  }
}
@media (max-width: 1050px) {
  .autoper__ebook-cta--btn {
    height: 55px;
  }
}
@media (max-width: 899px) {
  .autoper__ebook-cta--btn {
    height: 45px;
    font-size: 18px;
  }
}
.autoper__ebook-cta--btn--hover {
  background: -webkit-gradient(linear, left top, right top, from(#765AA3), to(#3FA5C3));
  background: -o-linear-gradient(left, #765AA3 0%, #3FA5C3 100%);
  background: linear-gradient(90deg, #765AA3 0%, #3FA5C3 100%);
  -webkit-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  display: block;
  font-weight: 700;
  color: #F3F0F8;
  font-size: 22px;
  line-height: 100%;
  padding: 22px 50px;
  border-radius: 10px;
  height: 67px;
  position: absolute;
  top: 0;
  width: 75%;
  text-align: center;
}
.autoper__ebook-cta--btn--hover:hover {
  opacity: 0;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .autoper__ebook-cta--btn--hover {
    width: 240px;
    text-align: center;
    padding: 22px 20px;
    font-size: 20px;
  }
}
@media (max-width: 1050px) {
  .autoper__ebook-cta--btn--hover {
    height: 55px;
    padding: 1.2rem;
  }
}
@media (max-width: 899px) {
  .autoper__ebook-cta--btn--hover {
    height: 45px;
    font-size: 18px;
  }
}

.passoapasso {
  width: 100%;
  height: 0px;
  display: none;
  z-index: 9999999999;
  position: relative;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transition: height 1s ease-in;
  -o-transition: height 1s ease-in;
  transition: height 1s ease-in;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.passoapasso__imagem {
  background-size: 100%;
  width: 100%;
  height: inherit;
  background-repeat: no-repeat;
  padding: 0 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 599px) {
  .passoapasso__imagem:first-child {
    display: block;
    margin-top: 0rem;
    padding: 0;
  }
}
.passoapasso__imagem .row {
  padding: 0rem !important;
}

.circumplexoAberto {
  height: auto;
  -webkit-transition: height 1s ease-in;
  -o-transition: height 1s ease-in;
  transition: height 1s ease-in;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 599px) {
  .circumplexoAberto {
    left: -1rem;
  }
}

.giro {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  cursor: pointer;
}

.seta {
  cursor: pointer;
  width: 100%;
}
@media (max-width: 599px) {
  .seta {
    width: 70%;
  }
}

.detalhes-relatorio {
  position: relative;
  display: contents;
}

.resultado {
  display: inline-table;
  height: 4rem;
  margin: 0rem 0 0 16rem;
  position: relative;
}
@media (max-width: 599px) {
  .resultado {
    height: auto;
    margin: 0rem 0rem 0 0rem !important;
  }
}
@media (max-width: 899px) {
  .resultado {
    margin: 0.5px 0rem;
  }
}
@media (min-width: 901px) {
  .resultado {
    margin: 0.5px 8rem;
  }
}
@media (min-width: 1201px) {
  .resultado {
    margin: 0.5rem 0 0 16rem;
  }
}
@media (max-width: 1199px) {
  .resultado {
    margin: 0.5rem 0 0 16rem;
  }
}
@media (max-width: 1799px) {
  .resultado {
    margin: 0.5rem 0 0 3rem;
  }
}
@media (min-width: 1801px) {
  .resultado {
    margin: 0.5rem 0 0 16rem;
  }
}

@media (max-width: 599px) {
  .busca {
    width: 24.7rem;
    display: none;
  }
}
.busca {
  width: 14.5rem;
}
@media (max-width: 899px) {
  .busca {
    width: 24.7rem;
    display: none;
  }
}
@media (max-width: 1199px) {
  .busca {
    width: 24.7rem;
    display: none;
  }
}
.busca div select {
  width: 15rem;
  background-color: #fff;
}
@media (max-width: 599px) {
  .busca div select {
    width: 21rem;
    background-color: #fff;
  }
}
.busca .form-group {
  margin-bottom: 0;
  position: relative;
}
.busca .form-group__input--autogestao {
  background-color: #4caf50 !important;
  color: #fff;
}
.busca .form-group__input--abertura {
  background-color: #65539f !important;
  color: #fff;
}
.busca .form-group__input--modulacao {
  background-color: #336ba2 !important;
  color: #fff;
}
.busca .form-group__input--engajamento {
  background-color: #edbf4c !important;
  color: #fff;
}
.busca .form-group__input--amabilidade {
  background-color: #d33253 !important;
  color: #fff;
}

.autopercepcoes-brilho__horizontal {
  width: 100%;
  background-color: #fff;
  background-position: top;
  border-radius: 0px 20px;
  margin: 0;
  height: auto;
  max-height: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 2rem 1.5rem;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 599px) {
  .autopercepcoes-brilho__horizontal {
    width: 97% !important;
    margin: 2rem auto !important;
    height: auto !important;
    max-height: 55rem;
    padding: 0rem 1rem 4rem;
  }
}
@media (max-width: 899px) {
  .autopercepcoes-brilho__horizontal {
    width: 95%;
    margin: 1rem 0;
    padding: 2rem 1.5rem;
  }
}
.autopercepcoes-brilho__horizontal div:nth-child(2) {
  margin-top: 1.5rem;
}
@media (max-width: 599px) {
  .autopercepcoes-brilho__horizontal div:nth-child(2) {
    margin-top: 0rem;
  }
}
.autopercepcoes-brilho__horizontal button {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  padding: 0.7rem 1.25rem;
  border-radius: 20px;
  font-size: 1rem;
  color: #fff;
  -webkit-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.3);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  min-width: 12rem;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.02em;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
.autopercepcoes-brilho__horizontal--btn-resultado {
  width: 14rem !important;
  position: static;
  height: 2rem;
  margin: 2rem auto 0;
  text-align: center;
}
.autopercepcoes-brilho__horizontal--btn-resultado span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.autopercepcoes-brilho__horizontal--btn-resultado span img {
  width: 3.5rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.5rem;
  z-index: 9;
}
@media (max-width: 599px) {
  .autopercepcoes-brilho__horizontal--btn-resultado {
    width: 14rem !important;
    margin: 1.5rem auto 0;
  }
}
.autopercepcoes-brilho__horizontal div {
  margin-left: 0;
}

.my-perception__auto {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 2.5rem;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}
.my-perception__auto > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin: 0;
}
.my-perception__auto > li:first-child {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 901px) {
  .my-perception__auto > li:not(:first-child) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 1.25rem);
            flex: 1 1 calc(50% - 1.25rem);
    max-width: calc(50% - 1.25rem);
  }
}

.my-perception__auto > li:first-child .autoper-domain {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2rem;
}
@media (max-width: 1199px) {
  .my-perception__auto > li:first-child .autoper-domain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.my-perception__auto > li:first-child .autoper-domain__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 2rem;
}
@media (max-width: 899px) {
  .my-perception__auto > li:first-child .autoper-domain__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.my-perception__auto > li:first-child .autoper-domain__content .my-perception__wifis {
  max-width: none;
  width: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my-perception__auto > li:first-child .autoper-domain__content .my-perception__wifis--competencias {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 1rem;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .my-perception__auto > li:first-child .autoper-domain__content .my-perception__wifis--competencias {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.my-perception__auto > li:first-child .autoper-domain__content .my-perception__wifis--competencias > .my-perception__wifis--desenvolvimento-fila-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.my-perception__auto > li:first-child .autopercepcoes-brilho__bloco--btn-resultado--autogestao {
  width: 14rem !important;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0 0 0 auto;
}

.my-perception__auto > li:not(:first-child) .autoper-domain__content {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-perception__auto > li:not(:first-child) .my-perception__wifis--competencias {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 2rem;
}
@media (max-width: 899px) {
  .my-perception__auto > li:not(:first-child) .my-perception__wifis--competencias {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.my-perception__auto > li:not(:first-child) .my-perception__wifis--competencias > .my-perception__wifis--desenvolvimento-fila-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(33.33% - 1.5rem);
          flex: 1 1 calc(33.33% - 1.5rem);
  max-width: 12rem;
}

.autopercepcoes-brilho__grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (max-width: 599px) {
  .autopercepcoes-brilho__grupo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.autopercepcoes-brilho__bloco {
  width: 48%;
  background-color: #fff;
  background-position: top;
  border-radius: 0px 20px;
  margin: 0;
  height: auto;
  max-height: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 2rem 1.5rem;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 599px) {
  .autopercepcoes-brilho__bloco {
    width: 97% !important;
    margin: 1rem auto;
    height: auto;
    max-height: 50rem;
    padding: 0;
  }
}
@media (max-width: 899px) {
  .autopercepcoes-brilho__bloco {
    width: 46%;
    margin: 0;
    height: auto !important;
    padding: 2rem 1.25rem;
  }
}
.autopercepcoes-brilho__bloco div:nth-child(1) {
  position: relative;
  display: block;
  padding-left: 0;
}
.autopercepcoes-brilho__bloco .chamada div:nth-child(2) {
  width: 23rem !important;
}
@media (max-width: 899px) {
  .autopercepcoes-brilho__bloco .chamada div:nth-child(2) {
    width: 20rem !important;
  }
}
@media (max-width: 599px) {
  .autopercepcoes-brilho__bloco .chamada div:nth-child(2) {
    border: 0;
    width: 20rem !important;
    height: 5rem !important;
    margin-top: 1.5rem !important;
  }
}
.autopercepcoes-brilho__bloco button {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  padding: 0.7rem 1.25rem;
  border-radius: 20px;
  font-size: 1rem;
  color: #fff;
  -webkit-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.3);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.autopercepcoes-brilho__bloco--btn-resultado {
  width: 14rem !important;
  position: static;
  height: 2rem;
  margin: 2rem auto 0;
  text-align: center;
}
.autopercepcoes-brilho__bloco--btn-resultado span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.autopercepcoes-brilho__bloco--btn-resultado span img {
  width: 3.5rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.5rem;
  z-index: 9;
}
@media (max-width: 599px) {
  .autopercepcoes-brilho__bloco--btn-resultado {
    margin-top: 1.5rem;
  }
}

.autoper-domain {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 1.5rem;
}

.autoper-domain__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
}

.autoper-domain__content .my-perception__wifis {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.autoper-domain__content .my-perception__wifis--competencias {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.autoper-domain__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 3rem;
  font-size: 15px !important;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 1199px) {
  .titulo-grid-autopercepcoes {
    width: auto;
    font-size: 1.3rem !important;
  }
}
@media (max-width: 899px) {
  .titulo-grid-autopercepcoes {
    width: auto;
    margin-top: 1rem;
    font-size: 1.3rem !important;
  }
}
@media (max-width: 599px) {
  .titulo-grid-autopercepcoes {
    width: auto !important;
    font-size: 1.3rem !important;
    margin-left: 1rem;
    line-height: 1.9rem;
    margin-top: 1rem;
    text-align: left;
  }
}

.linha-vertical {
  height: 25rem;
  border-right: 1px solid white;
  position: absolute;
  left: 3.3rem;
  top: 6.6rem;
  z-index: 0;
  display: none;
}
@media (max-width: 599px) {
  .linha-vertical {
    display: none;
    left: 2.2rem;
    height: 44rem;
    border-right: 1px solid white;
    position: absolute;
    top: 4.6rem;
  }
}

.linha-vertical-aberta {
  display: block;
  height: 25rem;
  border-right: 1px solid white;
  position: absolute;
  left: 3.3rem;
  top: 6.6rem;
  z-index: 0;
}

.form-group--autoper::before {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 1.35rem;
  padding: 0;
  pointer-events: none;
  position: absolute;
  right: 1.5em;
  top: 7%;
  -webkit-transform: translateY(-38px);
  -ms-transform: translateY(-38px);
  transform: translateY(-38px);
}

@media (min-width: 601px) {
  .form-group--autoper::before {
    left: 14%;
    top: 100%;
  }
}
@media (min-width: 901px) {
  .form-group--autoper::before {
    left: 90%;
    top: 100%;
  }
}
@media (min-width: 601px) {
  .form-group--autoper {
    display: contents;
  }
}
@media (min-width: 901px) {
  .form-group--autoper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 1201px) {
  .form-group--autoper {
    display: inline-grid;
  }
}
.header__usuario {
  position: absolute;
  right: 3rem;
}
@media (max-width: 599px) {
  .header__usuario {
    display: none;
  }
}

.filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.filter-list > * {
  margin-bottom: 1rem;
}
.filter-list__filter {
  background-color: hsl(210, 24%, 14%);
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem;
}
@media (min-width: 601px) {
  .filter-list__filter {
    padding: 1rem;
  }
}
@media (min-width: 901px) {
  .filter-list__filter {
    padding: 1rem;
  }
}
@media (min-width: 1201px) {
  .filter-list__filter {
    padding: 1rem;
  }
}
.filter-list__filter input,
.filter-list__filter select,
.filter-list__filter [class*=__label]::before {
  background-color: hsl(210, 15%, 96%);
  color: #000;
}
.filter-list__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.filter-list__list > * {
  margin-bottom: 2.25rem;
}
.filter-list__ordering {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 3rem;
}

.first-access {
  background-color: hsl(210, 15%, 96%);
  -webkit-box-shadow: 0 0 0 9999px hsl(227, 42%, 47%), 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 0 0 9999px hsl(227, 42%, 47%), 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  height: 90vh;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100vw;
}
@media (min-width: 601px) {
  .first-access {
    height: 36rem;
    left: 50%;
    max-width: 90%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 30rem;
  }
}
.first-access [class*=step] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  left: 0;
  padding: 0.5rem 1rem 1rem;
  position: absolute;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100%;
}
@media (min-width: 601px) {
  .first-access [class*=step] {
    padding: 1.5rem 2.25rem 2.25rem;
  }
}
.first-access__step-one {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  text-align: left;
  top: 0;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.first-access__step-one > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.first-access__step-one > *:empty::before {
  content: ".";
  opacity: 0;
  visibility: hidden;
}
.first-access__step-two {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  text-align: center;
  -webkit-transform: translateX(5%);
      -ms-transform: translateX(5%);
          transform: translateX(5%);
  -webkit-transition-delay: 500ms;
       -o-transition-delay: 500ms;
          transition-delay: 500ms;
  visibility: hidden;
}
.first-access__title {
  font-size: 1.9rem;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .first-access__title {
    font-size: 1.9rem;
  }
}
@media (min-width: 901px) {
  .first-access__title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1201px) {
  .first-access__title {
    font-size: 2.5rem;
  }
}
.first-access__title {
  margin-bottom: 1rem;
}
@media (min-width: 601px) {
  .first-access__title {
    margin-bottom: 2.25rem;
  }
}
.first-access__lead {
  margin-bottom: 1.5rem;
}
.first-access__new-pass {
  width: 100%;
}
.first-access__cta {
  margin-top: 1.5rem;
}
.first-access--two {
  height: 24rem;
}
.first-access--two [class*=step-one] {
  opacity: 0;
  -webkit-transform: translateX(-5%);
      -ms-transform: translateX(-5%);
          transform: translateX(-5%);
  visibility: hidden;
}
.first-access--two [class*=step-two] {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}

.global-nav {
  display: inline-block;
}
.global-nav__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(210, 16%, 85%);
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 3rem;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(110%);
      -ms-transform: translateX(110%);
          transform: translateX(110%);
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  width: 95%;
  z-index: 100;
}
@media (min-width: 901px) {
  .global-nav__list {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 0.5rem;
    position: relative;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    width: auto;
  }
}
.global-nav__list--is-show {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  z-index: 999999;
}
.global-nav__list--novo-menu-2024 {
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 0.8rem 3.8rem 0.8rem 0.8rem;
  z-index: 99999999999999;
}
@media (max-width: 599px) {
  .global-nav__list--novo-menu-2024 {
    border: 2px solid #fff;
  }
}
@media (max-width: 899px) {
  .global-nav__list--novo-menu-2024 {
    padding: 0.8rem;
  }
}
.global-nav__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0.5rem 1rem 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.global-nav__item-only-desktop {
  display: none;
}
@media (min-width: 601px) {
  .global-nav__item {
    margin-bottom: 0;
  }
}
.global-nav__item:not(:last-child) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 601px) {
  .global-nav__item:not(:last-child) {
    margin-right: 0.5rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 901px) {
  .global-nav__item:not(:last-child) {
    margin-right: 1rem;
  }
}
@media (min-width: 1201px) {
  .global-nav__item:not(:last-child) {
    margin-right: 1.5rem;
  }
}
@media (min-width: 1801px) {
  .global-nav__item:not(:last-child) {
    margin-right: 2.25rem;
  }
}
@media (min-width: 601px) {
  .global-nav__item[class*=mob-only] {
    display: none;
  }
}
@media (max-width: 600px) {
  .global-nav__item--admin, .global-nav__item--follow-up, .global-nav__item--report-inst {
    display: none;
  }
}
.global-nav__link {
  border-radius: 8px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
  position: relative;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  font-family: "poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: lowercase;
  font-size: 1rem;
}
@media (min-width: 601px) and (max-width: 899px) {
  .global-nav__link {
    font-size: 0.75rem;
    padding: 1em;
  }
}
@media (max-width: 1799px) {
  .global-nav__link {
    font-size: 0.75rem;
    padding: 0.5rem;
  }
}
@media (min-width: 1201px) {
  .global-nav__link {
    font-size: 1rem;
    padding: 0.5rem;
  }
}
.global-nav__link:hover {
  color: #f97748;
  opacity: 1;
}
.global-nav__link--is-active {
  color: #000;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
.global-nav__link--is-active:hover {
  color: #000;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
.global-nav__link--novo-menu-2024 {
  color: #fff;
  font-style: normal;
  font-weight: 300;
  text-transform: lowercase;
  font-size: 0.8rem;
  letter-spacing: 0.8px;
  margin: 0.1rem;
}
.global-nav__link--novo-menu-2024--is-active {
  color: #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
.global-nav__link--novo-menu-2024--is-active:hover {
  color: #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}
@media (max-width: 899px) {
  .global-nav__link--novo-menu-2024 {
    padding: 0.6rem 0.6rem 0.2rem;
    font-size: 0.7rem !important;
  }
}
@media (max-width: 1199px) {
  .global-nav__link--novo-menu-2024 {
    padding: 0.6rem 0.6rem 0.2rem;
    font-size: 0.8rem;
  }
}
@media (max-width: 1799px) {
  .global-nav__link--novo-menu-2024 {
    font-size: 0.8rem;
  }
}
@media (min-width: 1801px) {
  .global-nav__link--novo-menu-2024 {
    font-size: 1rem;
  }
}
.global-nav__thumb {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  z-index: 2;
}
@media (min-width: 601px) {
  .global-nav__thumb {
    margin-right: -14px;
  }
}
.global-nav__avatar {
  background-color: hsl(210, 15%, 96%);
  background-image: url("/assets/img/user-default-avatar.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  height: 2.5rem;
  margin-bottom: 1rem;
  width: 2.5rem;
  top: 0.6rem;
  right: 0.2rem;
}
@media (min-width: 601px) {
  .global-nav__avatar {
    height: 2rem;
    margin-bottom: 0;
    width: 2rem;
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: 300ms var(--ease-out-quad);
    -o-transition: 300ms var(--ease-out-quad);
    transition: 300ms var(--ease-out-quad);
  }
}
.global-nav__avatar--novo-menu-2024 {
  top: 0.6rem;
  right: 0.2rem;
}
.global-nav__username {
  font-size: 1.15rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.global-nav__email {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-weight: 400;
  margin-top: 0.25rem;
  opacity: 0.5;
}
.global-nav__trigger {
  background-color: #1A2E3D;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1000;
  width: 2rem;
  height: 2rem;
  font-size: 1.3rem;
  font-weight: bold;
}
@media (min-width: 900px) {
  .global-nav__trigger {
    display: none;
  }
}
@media (min-width: 601px) {
  .global-nav__trigger {
    top: 1.5rem;
  }
}
.global-nav__close {
  padding: 0.5em 0.75em;
  position: absolute;
  left: 1rem;
  top: 1rem;
}
@media (min-width: 901px) {
  .global-nav__close {
    display: none;
  }
}
.global-nav__submenu-holder {
  z-index: 600;
  position: relative;
}
@media (max-width: 599px) {
  .global-nav__submenu-holder {
    display: none;
  }
}
@media (max-width: 899px) {
  .global-nav__submenu-holder {
    display: none;
  }
}
.global-nav__submenu-holder--novo-menu-2024 {
  position: absolute;
}
.global-nav__avatar-submenu {
  z-index: 600;
}
.global-nav__submenu {
  position: absolute;
  right: 5%;
  top: calc(100% - 1rem);
  width: 24rem;
  z-index: 9999;
}
@media (max-width: 600px) {
  .global-nav__submenu {
    display: none;
  }
}
.global-nav__usuario {
  width: 3rem;
  display: inline-block;
  position: absolute;
  right: 0rem;
  top: 0.5rem;
}
.global-nav__usuario--novo-menu-2024 {
  width: 3rem;
  position: absolute;
  right: 0rem;
  top: 0.3rem;
}
.global-nav__novo-menu-2024 {
  display: inline-block;
  width: auto;
  min-width: 37%;
}
@media (max-width: 899px) {
  .global-nav__novo-menu-2024 {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .global-nav__novo-menu-2024 {
    width: auto;
  }
}
@media (max-width: 1199px) {
  .global-nav__novo-menu-2024 {
    width: 100%;
  }
}

.global-nav__link--novo-menu-2024--desabilitado {
  cursor: not-allowed;
  opacity: 0.5;
}

.graphs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.25rem 0;
}
.graphs > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 15rem;
}

.highlight {
  color: hsl(210, 15%, 96%);
  height: 100%;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.highlight__subtitle {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  z-index: 4;
}
.highlight__title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 2.25rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .highlight__title {
    font-size: 3rem;
  }
}
.highlight__title {
  margin-bottom: 0.25rem;
  margin-top: 1rem;
  -webkit-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
          transform: translateX(-5px);
  z-index: 3;
}
.highlight__last-access {
  font-size: 1rem;
  font-style: italic;
  line-height: 1;
  opacity: 0.75;
  z-index: 3;
}
@media (min-width: 1201px) {
  .highlight__last-access {
    font-size: 1.35rem;
  }
}
.highlight__cta {
  margin-bottom: 2.25rem;
  margin-top: 3rem;
  z-index: 3;
}
.highlight__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  bottom: 0;
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  overflow: hidden;
  padding: 0 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 800ms var(--ease-out-quad);
  -o-transition: 800ms var(--ease-out-quad);
  transition: 800ms var(--ease-out-quad);
  z-index: 3;
}
@media (min-width: 901px) {
  .highlight__item {
    padding-left: 5rem;
  }
}
.highlight__item::before {
  background-color: hsl(227, 42%, 47%);
  background-image: -o-linear-gradient(120deg, hsl(228, 45%, 39%), hsl(227, 42%, 47%) 65%, hsl(224, 67%, 78%) 96%);
  background-image: linear-gradient(-30deg, hsl(228, 45%, 39%), hsl(227, 42%, 47%) 65%, hsl(224, 67%, 78%) 96%);
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.highlight__img {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  width: 100%;
  z-index: 1;
}
@media (-moz-touch-enabled: 1), (hover: hover), (hover: on-demand) {
  .highlight:hover .highlight__img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@-moz-document url-prefix() {
  .highlight:hover .highlight__img {
    transform: scale(1.05);
  }
}

.home-adultos {
  background-color: #FAFAFA;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-adultos__catalogo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 100%;
  background: rgb(26, 46, 61) url("/assets/img/home-adultos/catalogo-img.png") no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
}
.home-adultos__catalogo__container {
  width: 1140px;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
  gap: 2rem;
  padding: 2rem 1rem 2rem 1rem;
}
@media (max-width: 1139px) {
  .home-adultos__catalogo__container {
    width: 90%;
  }
}
@media (max-width: 599px) {
  .home-adultos__catalogo__container {
    width: 95%;
    margin-top: 1rem;
  }
}
.home-adultos__catalogo__titulo p {
  font-weight: 200;
  font-size: 42px;
  line-height: 50px;
}
.home-adultos__catalogo__titulo p span {
  font-weight: 600;
}
@media (max-width: 599px) {
  .home-adultos__catalogo__titulo p {
    font-size: 40px;
    letter-spacing: 0.5px;
  }
  .home-adultos__catalogo__titulo p span {
    font-size: 38px;
  }
}
.home-adultos__catalogo__subtitulo p {
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
}
.home-adultos__catalogo__subtitulo p span {
  font-weight: 600;
}
@media (max-width: 599px) {
  .home-adultos__catalogo__subtitulo p {
    line-height: 26px;
    letter-spacing: 0.5px;
    font-size: 20px;
  }
}
.home-adultos__catalogo__cards {
  width: 100%;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.home-adultos__catalogo__cards__trilho {
  --gap: 2rem;
  --por-pagina: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.home-adultos__catalogo__cards__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 1.4rem;
  border: solid 1px #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - (var(--por-pagina) - 1) * var(--gap)) / var(--por-pagina));
          flex: 0 0 calc((100% - (var(--por-pagina) - 1) * var(--gap)) / var(--por-pagina));
  min-width: 0;
  border-radius: 0 25px 0 25px;
  position: relative;
}
.home-adultos__catalogo__cards__card__recomendado {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 4px 14px;
  border-radius: 50px;
  background-color: #FFFFFF;
  color: #1A2E3D;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.home-adultos__catalogo__cards__card__desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home-adultos__catalogo__cards__card__titulo {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
}
.home-adultos__catalogo__cards__card__desc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.home-adultos__catalogo__cards__card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-adultos__catalogo__cards__card__bottom__ch span {
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7px;
}
.home-adultos__catalogo__cards__card__bottom__ch span::before {
  content: url("/assets/img/home-adultos/clock.png");
  display: block;
  position: relative;
}
.home-adultos__catalogo__cards__card__bottom__cta {
  background-color: #FFFFFF;
  padding: 10px 26px;
  border-radius: 15px;
  color: #1A2E3D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7px;
}
.home-adultos__catalogo__cards__card__bottom__cta button {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
}
.home-adultos__catalogo__cards__card__bottom__cta::before {
  content: url("/assets/img/home-adultos/play.png");
  display: block;
  position: relative;
  margin-bottom: -1px;
}
.home-adultos__catalogo__erro {
  text-align: center;
  font-size: 14px;
  color: #FFD6DE;
}
.home-adultos__catalogo__navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-adultos__catalogo__navbar #goleft {
  margin-right: 1.2rem;
}
.home-adultos__catalogo__navbar #goright {
  margin-left: 1.2rem;
}
.home-adultos__catalogo__navbar #goleft,
.home-adultos__catalogo__navbar #goright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.home-adultos__catalogo__navbar #goleft:disabled,
.home-adultos__catalogo__navbar #goright:disabled {
  opacity: 0.3;
  cursor: default;
}
.home-adultos__catalogo__navbar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 2.2rem;
}
@media (max-width: 1023px) {
  .home-adultos__catalogo__navbar ul {
    gap: 1.2rem;
  }
}
.home-adultos__catalogo__navbar ul li {
  height: 18px;
  width: 18px;
  border-radius: 50px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: scale 0.2s ease, background-color 0.2s ease;
  -o-transition: scale 0.2s ease, background-color 0.2s ease;
  transition: scale 0.2s ease, background-color 0.2s ease;
}
.home-adultos__catalogo__navbar--outras-paginas {
  scale: 0.9;
  background-color: #527588 !important;
}
.home-adultos__medicao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-adultos__medicao__container {
  width: 1140px;
}
@media (max-width: 1139px) {
  .home-adultos__medicao__container {
    width: 90%;
  }
}
.home-adultos__medicao__container__card-apresentacao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0 40px 0 40px;
  margin-top: 2.8rem;
  background-color: #fff;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
}
@media (max-width: 1199px) {
  .home-adultos__medicao__container__card-apresentacao {
    background-color: #fafafa;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (max-width: 899px) {
  .home-adultos__medicao__container__card-apresentacao {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    border-radius: 16px;
  }
}
.home-adultos__medicao__container__card-apresentacao__esquerda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.8rem;
  gap: 1.5rem;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media (max-width: 1199px) {
  .home-adultos__medicao__container__card-apresentacao__esquerda {
    background-color: transparent;
    background-color: #fafafa;
    padding: 0;
  }
}
@media (max-width: 899px) {
  .home-adultos__medicao__container__card-apresentacao__esquerda {
    background-color: #fff;
    -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
            box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
    padding: 1.6rem;
  }
}
.home-adultos__medicao__container__card-apresentacao__esquerda__titulo p {
  font-weight: 700;
  color: #1A2E3D;
  font-size: 32px;
  line-height: 50px;
}
@media (max-width: 1199px) {
  .home-adultos__medicao__container__card-apresentacao__esquerda__titulo p {
    font-size: 28px;
    line-height: 38px;
  }
}
.home-adultos__medicao__container__card-apresentacao__esquerda__desc p {
  color: #808080;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .home-adultos__medicao__container__card-apresentacao__esquerda__desc p {
    font-size: 14px;
    line-height: 20px;
  }
}
.home-adultos__medicao__container__card-apresentacao__esquerda__dica p {
  color: #808080;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .home-adultos__medicao__container__card-apresentacao__esquerda__dica p {
    font-size: 14px;
    line-height: 20px;
  }
}
.home-adultos__medicao__container__card-apresentacao__direita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.home-adultos__medicao__container__card-apresentacao__direita__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.home-adultos__medicao__container__card-apresentacao__direita__video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.home-adultos__medicao__container__card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 2.8rem;
  margin-bottom: 2.8rem;
  background-color: #fff;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
  border-radius: 0 40px 0 40px;
  padding: 2.2rem;
  gap: 2rem;
}
.home-adultos__medicao__container__card--autogestao {
  border-left: solid 40px #8AB925;
}
.home-adultos__medicao__container__card--abertura {
  border-left: solid 40px #765AA3;
}
.home-adultos__medicao__container__card--modulacao {
  border-left: solid 40px #3FA5C3;
}
.home-adultos__medicao__container__card--engajamento {
  border-left: solid 40px #F4BB2F;
}
.home-adultos__medicao__container__card--amabilidade {
  border-left: solid 40px #E61D47;
}
@media (max-width: 899px) {
  .home-adultos__medicao__container__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-left: none;
    border-radius: 20px;
  }
}
.home-adultos__medicao__container__card--bloqueado {
  opacity: 0.33;
  pointer-events: none;
}
.home-adultos__medicao__container__card--aguardar .home-adultos__medicao__container__card__esquerda,
.home-adultos__medicao__container__card--aguardar .home-adultos__medicao__container__card__direita__comps {
  opacity: 0.33;
}
.home-adultos__medicao__container__card__esquerda {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
@media (max-width: 1199px) {
  .home-adultos__medicao__container__card__esquerda {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.home-adultos__medicao__container__card__esquerda__familia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.home-adultos__medicao__container__card__esquerda__familia__simbolo {
  color: #808080;
  width: auto;
}
@media (max-width: 899px) {
  .home-adultos__medicao__container__card__esquerda__familia__simbolo {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.home-adultos__medicao__container__card__esquerda__familia__simbolo .ember-view {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 899px) {
  .home-adultos__medicao__container__card__esquerda__familia__simbolo .ember-view {
    width: 3.5rem;
    height: 3.5rem;
  }
  .home-adultos__medicao__container__card__esquerda__familia__simbolo .ember-view svg {
    width: 100%;
    height: 100%;
  }
}
.home-adultos__medicao__container__card__esquerda__familia__simbolo .icon-domains__icon {
  opacity: 1;
}
.home-adultos__medicao__container__card__esquerda__familia__simbolo .icon-domains__line {
  stroke: #808080 !important;
}
.home-adultos__medicao__container__card__esquerda__familia__titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-adultos__medicao__container__card__esquerda__familia__titulo__nome {
  color: #808080;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
}
.home-adultos__medicao__container__card__esquerda__familia__titulo__tagline {
  color: #808080;
  font-weight: 300;
  font-size: 24px;
  line-height: 34px;
}
.home-adultos__medicao__container__card__esquerda__desc p {
  color: #808080;
  font-weight: 400;
  font-size: 13px;
  padding: 1rem 0 0 0;
  text-align: justify;
}
.home-adultos__medicao__container__card__esquerda__desc p span {
  font-weight: 600;
}
.home-adultos__medicao__container__card__direita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 3rem;
}
.home-adultos__medicao__container__card__direita__comps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.home-adultos__medicao__container__card__direita__comps__comp-adultos {
  width: 44px;
  height: 43px;
  padding: 0px !important;
  font-weight: 500;
  font-size: 21px;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.home-adultos__medicao__container__card__direita__comps--mod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 899px) {
  .home-adultos__medicao__container__card__direita__comps {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.home-adultos__medicao__container__card__direita__cta {
  background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#3FA5C3));
  background: -o-linear-gradient(left, #1A2E3D 0%, #3FA5C3 100%);
  background: linear-gradient(90deg, #1A2E3D 0%, #3FA5C3 100%);
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding: 1rem 3.8rem;
  border-radius: 10px;
  display: block;
  position: relative;
  width: 200px;
  text-align: center;
}
@media (max-width: 899px) {
  .home-adultos__medicao__container__card__direita__cta {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
.home-adultos__medicao__container__card__direita__cta:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.home-adultos__medicao__container__card__direita__cta--trava {
  cursor: not-allowed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(2rem + 1lh);
}
.home-adultos__medicao__container__card__direita__cta--trava .tooltip-autorrelato,
.home-adultos__medicao__container__card__direita__cta--trava .tooltip-autorrelato::before {
  color: #808080;
  background: #ffffff;
}
.home-adultos__conteudos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4rem;
}
.home-adultos__conteudos__titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-adultos__conteudos__titulo p {
  font-weight: 800;
  color: #808080;
  font-size: 32px;
  line-height: 28px;
}
.home-adultos__conteudos__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1140px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.home-adultos__conteudos__container__sections {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
@media (max-width: 1199px) {
  .home-adultos__conteudos__container__sections {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .home-adultos__conteudos__container {
    width: 90%;
  }
}
.home-adultos__conteudos__materiais-filho {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
  border-radius: 30px;
  padding: 1.6rem;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.home-adultos__conteudos__materiais-filho__titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #808080;
}
.home-adultos__conteudos__materiais-filho__filho {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-adultos__conteudos__materiais-filho__filho + .home-adultos__conteudos__materiais-filho__filho {
  margin-top: 2rem;
}
.home-adultos__conteudos__materiais-filho__filho__titulo {
  margin-top: 1.6rem;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #808080;
}
.home-adultos__conteudos__materiais-filho__cards {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
.home-adultos__conteudos__materiais-filho__cards__card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.2rem;
  border-radius: 15px;
  border: solid 1px #EBE6E6;
  min-width: 290px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home-adultos__conteudos__materiais-filho__cards__card__titulo p {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #808080;
}
.home-adultos__conteudos__materiais-filho__cards__card__titulo p span {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
}
.home-adultos__conteudos__materiais-filho__cards__card__comps__itens {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.home-adultos__conteudos__materiais-filho__cards__card__comps__itens__item {
  border-radius: 999px;
  padding: 0.7rem;
  border: 1px solid rgba(26, 46, 61, 0.1019607843);
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: #808080;
}
.home-adultos__conteudos__materiais-filho__cards__card__comps__itens__item--autogestao {
  color: #8AB925;
}
.home-adultos__conteudos__materiais-filho__cards__card__comps__itens__item--abertura {
  color: #765AA3;
}
.home-adultos__conteudos__materiais-filho__cards__card__comps__itens__item--modulacao {
  color: #3FA5C3;
}
.home-adultos__conteudos__materiais-filho__cards__card__comps__itens__item--engajamento {
  color: #F4BB2F;
}
.home-adultos__conteudos__materiais-filho__cards__card__comps__itens__item--amabilidade {
  color: #E61D47;
}
.home-adultos__conteudos__materiais-filho__vazio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 1.6rem;
  padding: 2rem 1.6rem;
  border: dashed 1px #EBE6E6;
  border-radius: 15px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #808080;
}
.home-adultos__conteudos__materiais-filho__vazio__titulo {
  font-weight: 700;
  font-size: 16px;
}
.home-adultos__conteudos__materiais-filho__vazio__mensagem {
  font-weight: 400;
  font-size: 12px;
  color: #808080;
}
.home-adultos__conteudos__agenda {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863), -15px -15px 30px 0px rgba(0, 0, 0, 0.0392156863);
  border-radius: 30px;
  padding: 1.6rem;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 1.6rem;
}
.home-adultos__conteudos__agenda__titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #808080;
}
.home-adultos__conteudos__agenda__itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.home-adultos__conteudos__agenda__itens__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-adultos__conteudos__agenda__itens__item:first-child {
  margin-top: 1.6rem;
}
.home-adultos__conteudos__agenda__itens__item__data {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.home-adultos__conteudos__agenda__itens__item__data__mes {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-adultos__conteudos__agenda__itens__item__data__mes span {
  color: #808080;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.home-adultos__conteudos__agenda__itens__item__data__dia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  background-color: #8AB925;
  opacity: 50%;
}
.home-adultos__conteudos__agenda__itens__item__data__dia--autogestao {
  background-color: #8AB925;
}
.home-adultos__conteudos__agenda__itens__item__data__dia--abertura {
  background-color: #765AA3;
}
.home-adultos__conteudos__agenda__itens__item__data__dia--modulacao {
  background-color: #3FA5C3;
}
.home-adultos__conteudos__agenda__itens__item__data__dia--engajamento {
  background-color: #F4BB2F;
}
.home-adultos__conteudos__agenda__itens__item__data__dia--amabilidade {
  background-color: #E61D47;
}
.home-adultos__conteudos__agenda__itens__item__data__dia span {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.home-adultos__conteudos__agenda__itens__item__evento {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 0 4px 16px;
  gap: 2px;
}
.home-adultos__conteudos__agenda__itens__item__evento__titulo {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #808080;
}
.home-adultos__conteudos__agenda__itens__item__evento__titulo a {
  color: inherit;
  text-decoration: underline;
}
.home-adultos__conteudos__agenda__itens__item__evento__palestrante {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #808080;
}
.home-adultos__conteudos__agenda__vazio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2rem 1.6rem;
  border: dashed 1px #EBE6E6;
  border-radius: 15px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #808080;
}
.home-adultos__conteudos__agenda__vazio__titulo {
  font-weight: 700;
  font-size: 16px;
}
.home-adultos__conteudos__agenda__vazio__mensagem {
  font-weight: 400;
  font-size: 12px;
}

.left-col {
  z-index: 300;
  background-color: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
          box-shadow: 3px 3px 20px hsla(0, 0%, 0%, 0.1);
  color: #292929;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 4.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 1rem !important;
  position: absolute;
  -webkit-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
  -webkit-transition: 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 18rem;
}
.left-col__menu-mobile-container-toggle {
  width: 100%;
  position: absolute;
  z-index: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.5rem;
  top: 0;
}
@media (max-width: 899px) {
  .left-col__menu-mobile {
    display: none;
  }
}
@media (max-width: 899px) {
  .left-col__menu-mobile--is-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 9999 !important;
  }
}
.left-col__com-icone {
  position: relative;
  display: -webkit-box;
}
.left-col__main-consumo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 899px) {
  .left-col__main-consumo {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 1199px) {
  .left-col__main-consumo {
    padding: 0;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}
@media (max-width: 599px) {
  .left-col__main-consumo {
    height: 100vh !important;
  }
}
@media (min-width: 901px) {
  .left-col {
    height: 45rem;
    position: relative;
  }
}
.left-col > * {
  margin-bottom: 1rem;
  z-index: 1;
}
.left-col__col-toggle {
  background-color: hsl(210, 15%, 12%);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 0;
}
@media (min-width: 901px) {
  .left-col__col-toggle {
    display: none;
  }
}
.left-col__top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 601px) {
  .left-col__top {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1rem 2.25rem 1.5rem;
  }
  [class*=is-show] .left-col__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.left-col__logo {
  margin-bottom: 0.5rem;
  width: 100px;
}
.left-col__logo svg {
  height: auto;
  width: 100%;
}
@media (min-width: 601px) {
  .left-col__logo {
    margin-bottom: 0;
  }
}
.left-col__logo-symbol {
  fill: #ee7566;
}
.left-col__logo-type {
  fill: hsl(214, 15%, 93%);
}
.left-col__back {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
  color: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-weight: 400;
  margin-bottom: 0;
  margin-right: auto;
  opacity: 0.85;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  white-space: nowrap;
}
.left-col__back:hover {
  opacity: 1;
}
.left-col__back:hover [class*=icon] {
  opacity: 1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.left-col__back [class*=icon] {
  color: hsl(210, 15%, 96%);
  opacity: 0.5;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.left-col__content-container::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .left-col__content-container::-webkit-scrollbar {
    width: 0;
  }
}
.left-col__content-container::-webkit-scrollbar-track {
  background: transparent;
}
.left-col__content-container::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.left-col__content-container {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (landscape) {
  .left-col__content-container {
    padding-right: 0.75rem;
  }
}
.left-col__content-container {
  overflow-x: hidden !important;
  height: 100%;
  padding-right: 2.25rem;
  position: relative;
}
@media (max-width: 899px) {
  .left-col__content-container {
    height: 80%;
  }
}
.left-col__title {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .left-col__title {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .left-col__title {
    font-size: 2.25rem;
  }
}
.left-col__title {
  margin-bottom: 1.5rem;
  margin-left: 2.25rem;
  overflow: hidden;
}
.left-col__title::before {
  color: hsl(230, 49%, 34%);
}
.left-col__title--adulto {
  color: #3FA5C3;
}
.left-col__title--medio {
  color: #3FA5C3;
}
.left-col__title--fundamental {
  color: #3FA5C3;
}
.left-col__title--setorpublico {
  color: #28346F;
}
.left-col__title--infantil {
  color: #8771AB;
}
.left-col__title--com-icone {
  position: relative;
  display: contents;
}
.left-col__subtitle {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .left-col__subtitle {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .left-col__subtitle {
    font-size: 1.35rem;
  }
}
.left-col__subtitle {
  margin-bottom: 1rem;
  display: inline-block;
}
.left-col__subtitle--adulto {
  color: #3FA5C3;
  padding: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #9E9E9E;
}
.left-col__subtitle--medio {
  color: #3FA5C3;
  padding: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #9E9E9E;
}
.left-col__subtitle--fundamental {
  color: #3FA5C3;
  padding: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #9E9E9E;
}
.left-col__subtitle--setorpublico {
  color: #28346F;
  padding: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #9E9E9E;
}
.left-col__subtitle--infantil {
  color: #8771AB;
  padding: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #9E9E9E;
}
.left-col__subtitle--competencia {
  display: -webkit-box;
  width: 2rem;
  height: 2rem;
  display: -ms-flexbox;
  display: inline-block;
  /* font-size: 1.2rem; */
  margin-left: 0;
  position: relative;
  background-image: url(/assets/img/competencia.png);
  /* background-color: #6ab7d7; */
  background-size: 100%;
  vertical-align: bottom;
}
.left-col__subtitle--aux {
  color: #6ab7d7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline;
  font-size: 1.2rem;
  /* margin-left: 2.5rem; */
  position: relative;
}
.left-col__titulos-aulas p {
  font-size: 1.5rem;
  margin: 0 0.5rem;
  border-bottom: 1px solid rgba(118, 91, 163, 0.3019607843);
  padding: 1rem 0.5rem 0rem;
  font-weight: 600;
}
.left-col__titulos-aulas p span {
  margin-right: 0.5rem;
  vertical-align: super;
}
.left-col__titulos-aulas b {
  font-size: 2rem;
  margin-left: 1.25rem;
}
@media (max-width: 899px) {
  .left-col {
    width: 15rem;
  }
}

.left-col-content:has(.class-feedback) .left-col {
  display: none;
}
.left-col-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 50rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  padding-top: 4rem;
}
@media (max-width: 1199px) {
  .left-col-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.left-col-content__content {
  background-color: none;
  border-radius: 10px;
  height: 100%;
  margin: 0 auto !important;
  position: relative;
  width: 75%;
  z-index: 0;
  margin-bottom: 1rem !important;
}
@media (max-width: 599px) {
  .left-col-content__content {
    width: 100% !important;
  }
}
@media (max-width: 899px) {
  .left-col-content__content {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .left-col-content__content {
    width: 100%;
  }
}
@media (max-width: 1799px) {
  .left-col-content__content {
    width: 70%;
  }
}
.left-col-content__content _::-webkit-full-page-media,
.left-col-content__content _:future, :root .left-col-content__content {
  height: 100%;
}
.left-col-content__content a {
  display: inline-block;
  margin: 0.5rem 0.5rem;
}
.left-col-content__content-desenvolvimento {
  width: 80%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: 38.35rem;
  background-color: #fff;
  display: block;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 3rem;
}
.left-col-content__content-desenvolvimento .video {
  height: auto;
}
@media (max-width: 1199px) {
  .left-col-content__content-desenvolvimento {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media (max-width: 599px) {
  .left-col-content__content-desenvolvimento {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    padding: 0 2rem 1rem;
  }
}
.left-col-content__menu-sugestao {
  width: 20rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 999;
  margin-right: 2rem;
}
@media (max-width: 1199px) {
  .left-col-content__menu-sugestao {
    width: 18rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 0.5rem;
  }
}
@media (max-width: 899px) {
  .left-col-content__menu-sugestao {
    width: 80%;
    display: none;
    height: 90%;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .left-col-content__menu-sugestao--is-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
  }
}
@media (max-width: 899px) and (max-width: 599px) {
  .left-col-content__menu-sugestao {
    width: 95%;
  }
}

.left-col-menu {
  margin-bottom: 0;
}
.left-col-menu--is-taller .left-col-menu__link {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.left-col-menu > li {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.left-col-menu__icon {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 3.75rem;
  margin-right: 1.5rem;
  width: 3.75rem;
}
.left-col-menu__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.15rem;
  opacity: 0.65;
  padding: 0.5rem 0;
  margin-left: 0.5rem;
}
.left-col-menu__link > * {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 3;
}
.left-col-menu__link::before {
  background-color: rgba(226, 225, 225, 0.622);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.left-col-menu__link::after {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  visibility: hidden;
  width: 0.5rem;
  z-index: 2;
}
.left-col-menu__link:hover {
  opacity: 1;
}
.left-col-menu__link:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
  visibility: visible;
}
.left-col-menu__link:hover::after {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.left-col-menu__link--is-active {
  opacity: 1;
}
.left-col-menu__link--is-active::before {
  opacity: 1;
  visibility: visible;
}
.left-col-menu__link--is-active::after, .left-col-menu__link--is-active:hover::after {
  opacity: 0.5;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.login {
  font-family: ofelia-display, sans-serif;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 100vh;
  padding-top: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.login input:focus::-webkit-input-placeholder {
  color: transparent;
}
.login input:focus::-moz-placeholder {
  color: transparent;
}
.login input:focus::-ms-input-placeholder {
  color: transparent;
}
.login input:focus::placeholder {
  color: transparent;
}
.login input::-webkit-input-placeholder {
  color: hsl(211, 10%, 66%);
}
.login input::-moz-placeholder {
  color: hsl(211, 10%, 66%);
}
.login input::-ms-input-placeholder {
  color: hsl(211, 10%, 66%);
}
.login input::placeholder {
  color: hsl(211, 10%, 66%);
}
.login__passInputWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 601px) {
  .login {
    overflow: auto;
  }
}
@media (min-width: 901px) {
  .login {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    overflow: auto;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .login {
    height: 100%;
  }
}
.login__box {
  background-color: rgba(255, 255, 255, 0.8666666667);
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 90vw;
  padding: 3rem 1rem 1.5rem;
}
@media (min-width: 601px) {
  .login__box {
    padding: 3rem 2.25rem 1.5rem;
    max-width: 600px;
  }
}
.login__box img {
  width: 60%;
  margin: auto;
}
.login__box-coreskills {
  margin: auto 10% auto auto;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80vw;
  padding: 4rem 3rem 4rem;
  position: relative;
}
@media (min-width: 601px) {
  .login__box-coreskills {
    max-width: 40vw;
    margin: auto 28% auto auto;
  }
}
@media (min-width: 901px) {
  .login__box-coreskills {
    margin: auto 30% auto auto;
    max-width: 40vw;
  }
}
@media (min-width: 1201px) {
  .login__box-coreskills {
    margin: auto;
    max-width: 25vw;
  }
}
.login__box-coreskills img {
  width: 60%;
  margin: auto;
}
.login__box-coreskills input {
  border-bottom: 1px solid #254166 !important;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  width: 100%;
  margin: auto;
  display: block;
  height: 3rem;
  min-height: 1rem;
  padding: 0;
  color: #254166;
  max-width: 70vw;
}
@media (min-width: 601px) {
  .login__box-coreskills input {
    height: 3rem;
  }
}
@media (min-width: 901px) {
  .login__box-coreskills input {
    height: 3rem;
  }
}
.login__box-coreskills--forgot-pass {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 1rem;
  right: 0;
  position: relative;
  width: 100%;
  text-decoration: underline;
  text-align: center;
  color: #002744;
  font-size: 0.8rem;
}
.login__box-coreskills ::-webkit-input-placeholder {
  color: rgba(0, 39, 68, 0.8588235294);
  font-size: 1rem;
}
.login__box-coreskills ::-moz-placeholder {
  color: rgba(0, 39, 68, 0.8588235294);
  font-size: 1rem;
}
.login__box-coreskills ::-ms-input-placeholder {
  color: rgba(0, 39, 68, 0.8588235294);
  font-size: 1rem;
}
.login__box-coreskills ::placeholder {
  color: rgba(0, 39, 68, 0.8588235294);
  font-size: 1rem;
}
.login__box-coreskills--show-pass {
  color: #607180;
  font-size: 1.15rem;
  height: 21px;
  overflow: hidden;
  position: absolute;
  right: 5%;
  text-align: center;
  width: 21px;
}
.login__logo {
  -ms-flex-item-align: center;
      align-self: center;
  display: inline-block;
  height: auto;
  max-height: 60px;
  margin: 0 auto;
  width: auto;
}
.login__form-group {
  margin-top: 3rem;
  color: #000;
}
.login__form-group + .login__form-group {
  margin-top: 1.5rem;
  position: relative;
}
.login__input {
  max-width: 100%;
  padding: 0.5rem 1rem;
  width: 100%;
}
.login__input--adulto {
  color: #fff;
}
.login__input--medio {
  color: #fff;
}
.login__input--fundamental {
  color: #fff;
}
.login__input--setorpublico {
  color: #fff;
}
.login__input--infantil {
  color: #fff;
}
.login__forgot-pass {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 0.5rem;
  right: 0;
  position: absolute;
  text-decoration: underline;
}
.login__save-info {
  margin-top: 1.5rem;
}
.login__cta {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 1rem;
}
@media (min-width: 601px) {
  .login__cta {
    margin-top: 1.5rem;
  }
}
.login__alert {
  margin-top: 0.5rem;
  padding: 1rem;
  font-weight: 300;
}
.login__show-pass {
  color: hsl(209, 14%, 44%);
  font-size: 1.15rem;
  height: 21px;
  overflow: hidden;
  position: absolute;
  right: 0.5rem;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 21px;
}
.login__show-pass > * {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.login__show-pass > *:not([class*=off]) {
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
}
.login__show-pass--is-show > *:not([class*=off]) {
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
}
.login__show-pass--is-show > *[class*=off] {
  -webkit-transform: translateY(120%);
      -ms-transform: translateY(120%);
          transform: translateY(120%);
}
.login__coreskills {
  background-color: #1F1C3F;
  border-radius: 13px;
  color: #f3f5f6;
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.6em 1.5em 0.6em;
  text-align: center;
  margin: 0.5rem auto;
  width: 100%;
  font-weight: bold;
  font-size: 1.3rem;
  -webkit-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
.login__coreskills:hover {
  background-color: hsl(245, 38%, 55%);
}
.login__coreskills span {
  background-image: url(/assets/img/icone-coreskills.png);
  width: 2rem;
  height: 2rem;
  display: inline-block;
  /* background-color: aquamarine; */
  vertical-align: sub;
  margin-right: 0rem;
  background-repeat: no-repeat;
}
.login__coreskills--politica {
  background-color: #fff;
  border: 1px solid #1F1C3F;
  color: #1F1C3F;
  border-radius: 8px;
  cursor: pointer;
  -webkit-box-flex: 0;
  text-align: center;
  padding: 0.6em;
  width: 100%;
  margin: 1rem auto 3rem;
  font-size: 0.7rem;
}
.login__coreskills--politica span {
  background-image: url(/assets/img/padlock-login.png);
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0rem;
  background-repeat: no-repeat;
}
.login__coreskills :hover {
  background-color: #254166;
}

.login-ps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-width: 100vw;
  min-height: 100vh;
  background-image: url("/assets/img/login-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-clip: border-box;
  cursor: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6B6B6B;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin: auto;
}
@media (max-width: 599px) {
  .login-ps {
    padding: 2rem 0;
  }
}
.login-ps__error {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  color: crimson;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 1rem;
}
@media (max-width: 599px) {
  .login-ps__error {
    margin-top: 1.4rem !important;
    margin: auto;
    text-align: left;
  }
}
.login-ps__error > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.5rem 0;
  padding: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-ps__error > div > p,
.login-ps__error > div span {
  font-size: 16px !important;
  font-weight: 500;
}
@media (max-width: 599px) {
  .login-ps__error > div > p,
  .login-ps__error > div span {
    font-size: 12px !important;
  }
}
.login-ps__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 40rem;
  width: 40rem;
  margin: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 600px) {
  .login-ps__wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
    width: 100%;
  }
}
.login-ps__wrapper-logo {
  padding: 1rem;
  margin-bottom: 80px;
  max-width: 30rem;
  height: auto;
}
@media (max-width: 600px) {
  .login-ps__wrapper-logo {
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.login-ps__wrapper-instruction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1rem;
  line-height: 16px;
  padding: 0 10px;
}
@media (max-width: 600px) {
  .login-ps__wrapper-instruction {
    font-size: 12px;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .login-ps__wrapper-instruction span,
  .login-ps__wrapper-instruction strong {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (min-width: 601px) {
  .login-ps__wrapper-instruction strong {
    margin-top: 1px;
  }
}
.login-ps__wrapper-instruction-line {
  width: 100px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 600px) {
  .login-ps__wrapper-instruction-line {
    display: none;
  }
}
.login-ps__wrapper-inputs input {
  max-width: none;
  margin: 2.2rem 0 0 0;
  width: 100%;
  border-radius: 25px;
  background: #FAFAFA;
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
  padding: 2rem;
  color: #6B6B6B;
  border: none;
  -webkit-appearance: none;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05), 10px 10px 20px 0px rgba(0, 0, 0, 0.04) inset;
}
.login-ps__wrapper-inputs input::-webkit-input-placeholder {
  color: #6B6B6B;
}
.login-ps__wrapper-inputs input::-moz-placeholder {
  color: #6B6B6B;
}
.login-ps__wrapper-inputs input::-ms-input-placeholder {
  color: #6B6B6B;
}
.login-ps__wrapper-inputs input::placeholder {
  color: #6B6B6B;
}
.login-ps__wrapper-inputs input:focus {
  outline: solid 2px #6B6B6B;
}
.login-ps__wrapper-inputs input:focus::-webkit-input-placeholder {
  color: transparent;
  /* Torna o placeholder transparente */
}
.login-ps__wrapper-inputs input:focus::-moz-placeholder {
  color: transparent;
  /* Torna o placeholder transparente */
}
.login-ps__wrapper-inputs input:focus::-ms-input-placeholder {
  color: transparent;
  /* Torna o placeholder transparente */
}
.login-ps__wrapper-inputs input:focus::placeholder {
  color: transparent;
  /* Torna o placeholder transparente */
}
@media (max-width: 600px) {
  .login-ps__wrapper-inputs input {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .login-ps__wrapper-inputs input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .login-ps__wrapper-inputs input::-moz-placeholder {
    font-size: 12px;
  }
  .login-ps__wrapper-inputs input::-ms-input-placeholder {
    font-size: 12px;
  }
  .login-ps__wrapper-inputs input::placeholder {
    font-size: 12px;
  }
}
.login-ps__wrapper__show-pass {
  color: hsl(209, 14%, 44%);
  font-size: 1.5rem;
  height: 22px;
  overflow: hidden;
  position: absolute;
  right: 0.5rem;
  text-align: center;
  width: 22px;
  -webkit-transform: translate(-30px, 75%);
      -ms-transform: translate(-30px, 75%);
          transform: translate(-30px, 75%);
  color: #6B6B6B;
}
.login-ps__wrapper__show-pass::after {
  content: "";
  position: absolute;
  top: -11px;
  right: -11px;
  bottom: -11px;
  left: -11px;
}
.login-ps__wrapper__show-pass > * {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
.login-ps__wrapper__show-pass > *:not([class*=off]) {
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
}
.login-ps__wrapper__show-pass--is-show > *:not([class*=off]) {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.login-ps__wrapper__show-pass--is-show > *[class*=off] {
  -webkit-transform: translateY(120%);
      -ms-transform: translateY(120%);
          transform: translateY(120%);
}
@media (max-width: 600px) {
  .login-ps__wrapper__show-pass {
    -webkit-transform: translate(-5vw, 75%);
        -ms-transform: translate(-5vw, 75%);
            transform: translate(-5vw, 75%);
  }
}
.login-ps__wrapper__forgots {
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.login-ps__wrapper__forgots-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #808080;
  text-align: right;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  padding: 3px 4px;
}
.login-ps__wrapper__forgots-item :hover {
  text-decoration: underline;
}
.login-ps__wrapper-submit {
  margin-top: 3.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#D9E3C1), color-stop(110.83%, #8AB925));
  background: -o-linear-gradient(top, #D9E3C1 0%, #8AB925 110.83%);
  background: linear-gradient(180deg, #D9E3C1 0%, #8AB925 110.83%);
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-ps__wrapper-submit span {
  color: #1A2E3D;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  z-index: 100;
}
.login-ps__wrapper-submit::before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#9FC7D1), color-stop(110.83%, #3FA5C3));
  background: -o-linear-gradient(top, #9FC7D1 0%, #3FA5C3 110.83%);
  background: linear-gradient(180deg, #9FC7D1 0%, #3FA5C3 110.83%);
  border-radius: inherit;
  color: #1A2E3D;
  content: "Entrar";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  height: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 16px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: inherit;
  z-index: 100;
  -webkit-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.login-ps__wrapper-submit:hover::before {
  opacity: 1;
}
.login-ps__wrapper-submit--isProcessing {
  margin-top: 3.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 25px;
  background: hsl(210, 16%, 85%);
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-ps__wrapper-submit--isProcessing > span {
  color: #083b5b;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  z-index: 100;
  margin-left: 0.5rem;
}
.login-ps__wrapper-submit--isProcessing-spinner {
  max-width: 25px;
  height: auto;
}
.login-ps__wrapper-separator {
  margin-top: 2.2rem;
}
.login-ps__wrapper-btn_politica {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.2rem;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 25px;
  background: #F5F5F5;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  color: #6B6B6B;
}
.login-ps__wrapper-btn_politica-icon {
  margin-right: 10px;
  font-size: 2.2rem;
  vertical-align: middle;
  color: rgba(107, 107, 107, 0.5);
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
@media (max-width: 600px) {
  .login-ps__wrapper-btn_politica-icon {
    text-align: center;
    font-size: 1.8rem;
  }
}
.login-ps__wrapper-btn_politica:hover {
  background-color: #CBC9C9;
  color: white;
}
.login-ps__wrapper-btn_politica:hover > span {
  color: white;
}
@media (max-width: 600px) {
  .login-ps__wrapper-btn_politica {
    text-align: left;
    height: auto;
    padding: 0.5rem;
    margin: 1.8rem 0 2rem 0;
    font-size: 11px;
  }
  .login-ps__wrapper-btn_politica span {
    margin: auto;
  }
}
.login-ps__form-group {
  color: #000;
  margin: 3rem 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  left: 0;
}
@media (max-width: 900px) {
  .login-ps__form-group input {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.login-ps__form-group + .login-ps__form-group {
  margin-top: 1.5rem;
  position: relative;
}

.modal__is-login-recovery .twitter-typeahead {
  display: block !important;
  width: 100%;
}
.modal__is-login-recovery .tt-hint {
  color: hsl(0, 0%, 75%);
  color: #bfbfbf;
  left: 0 !important;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
}
.modal__is-login-recovery .tt-menu {
  position: absolute;
  width: auto;
  margin: 0.5rem auto;
  border-radius: 2px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
  background: #dfdede;
  border: solid 2px black;
  text-decoration: underline;
  color: blue !important;
}
.modal__is-login-recovery .tt-suggestion {
  padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 400;
  color: #808080;
  cursor: pointer;
  text-align: left;
  gap: 2px;
  color: blue !important;
}
.modal__is-login-recovery .tt-suggestion strong {
  font-weight: 700;
}
.modal__is-login-recovery .tt-suggestion:hover, .modal__is-login-recovery .tt-suggestion.tt-cursor {
  background-color: rgba(128, 128, 128, 0.1);
}
.modal__is-login-recovery .tt-suggestion + .modal__is-login-recovery .tt-suggestion {
  border-top: solid 1px #f0f0f0;
}

.acesso-responsavel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.25rem;
}
.acesso-responsavel__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d8e0e5;
  border-radius: 999px;
  color: #0a3d5c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 13px;
  gap: 0.5rem;
  padding: 0.5rem 1.1rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  -o-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}
.acesso-responsavel__link:hover, .acesso-responsavel__link:focus-visible {
  background-color: #e8f0f4;
}
.acesso-responsavel__icone {
  font-size: 1rem;
}

.cadastro-responsavel {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f6f8;
  background-image: url("/assets/img/login-background.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "poppins", sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  padding: 2rem 16px;
  width: 100%;
}
.cadastro-responsavel__cartao {
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 32rem;
  padding: 1.5rem 1.25rem;
  width: 100%;
}
@media (min-width: 601px) {
  .cadastro-responsavel__cartao {
    padding: 2.25rem 2.5rem;
  }
}
.cadastro-responsavel__logo {
  display: block;
  margin: 0 auto 1.25rem;
  max-width: 12rem;
  width: 60%;
}
.cadastro-responsavel__titulo {
  color: #0a3d5c;
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
.cadastro-responsavel__progresso {
  color: #6b7780;
  font-size: 0.85rem;
  margin: 0.25rem 0 0;
  text-align: center;
}
.cadastro-responsavel__vinculo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e8f0f4;
  border-radius: 10px;
  color: #0a3d5c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85rem;
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding: 0.6rem 0.85rem;
}
.cadastro-responsavel__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.25rem;
}
.cadastro-responsavel__subtitulo {
  color: #3a3a3a;
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}
.cadastro-responsavel__subtitulo:focus {
  outline: none;
}
.cadastro-responsavel__texto {
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}
.cadastro-responsavel__label {
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0.75rem 0 0.35rem;
}
.cadastro-responsavel__opcional {
  color: #6b7780;
  font-weight: 400;
}
.cadastro-responsavel__input--sigiloso {
  -webkit-text-security: disc;
  text-security: disc;
}
.cadastro-responsavel__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  width: 100%;
}
.cadastro-responsavel__input:focus {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
  outline: none;
}
.cadastro-responsavel__input--chave {
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
.cadastro-responsavel__senha {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.cadastro-responsavel__olho {
  background: transparent;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  color: #0a3d5c;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.1rem;
  height: 2.75rem;
  width: 2.75rem;
}
.cadastro-responsavel__dica {
  color: #6b7780;
  font-size: 12px;
  margin-top: 0.35rem;
}
.cadastro-responsavel__erro {
  background-color: #fbe9ec;
  border-radius: 8px;
  color: #c2273f;
  font-size: 0.85rem;
  margin: 1rem 0 0;
  padding: 0.6rem 0.85rem;
}
.cadastro-responsavel__acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
@media (min-width: 601px) {
  .cadastro-responsavel__acoes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.cadastro-responsavel__acoes--centro {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cadastro-responsavel__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2.75rem;
  padding: 0.55rem 1.4rem;
  text-decoration: none;
}
.cadastro-responsavel__botao:hover:not([disabled]) {
  background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
}
.cadastro-responsavel__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
.cadastro-responsavel__botao--secundario {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
.cadastro-responsavel__botao--secundario:hover:not([disabled]) {
  background-color: #e8f0f4;
}
.cadastro-responsavel__sucesso {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.cadastro-responsavel__sucesso-icone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(46, 139, 87, 0.12);
  border-radius: 50%;
  color: #2e8b57;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.75rem;
  height: 3.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.75rem;
  width: 3.5rem;
}

.descadastro {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f6f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "poppins", sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  padding: 2rem 16px;
  width: 100%;
}
.descadastro__cartao {
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 30rem;
  padding: 1.75rem 1.25rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 601px) {
  .descadastro__cartao {
    padding: 2.25rem 2.5rem;
  }
}
.descadastro__logo {
  display: block;
  margin: 0 auto 1.5rem;
  max-width: 11rem;
  width: 55%;
}
.descadastro__icone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(46, 139, 87, 0.12);
  border-radius: 50%;
  color: #2e8b57;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.75rem;
  height: 3.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.75rem;
  width: 3.5rem;
}
.descadastro__titulo {
  color: #0a3d5c;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 0.75rem;
}
.descadastro__titulo:focus {
  outline: none;
}
.descadastro__texto {
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.descadastro__texto--suave {
  color: #6b7780;
}
.descadastro__erro {
  background-color: #fbe9ec;
  border-radius: 8px;
  color: #c2273f;
  font-size: 0.85rem;
  margin: 0.75rem 0 0;
  padding: 0.6rem 0.85rem;
}
.descadastro__acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.25rem;
}
.descadastro__botao {
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  min-height: 2.75rem;
  padding: 0.55rem 1.4rem;
}
.descadastro__botao:hover:not([disabled]) {
  background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
}
.descadastro__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}

.responsaveis-chaves {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  margin: 0 auto;
  width: 1140px;
}
@media (max-width: 1140px) {
  .responsaveis-chaves {
    width: 90%;
  }
}
.responsaveis-chaves__header {
  margin-bottom: 1rem;
}
.responsaveis-chaves__titulo {
  color: #0a3d5c;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 0.35rem;
}
@media (min-width: 901px) {
  .responsaveis-chaves__titulo {
    font-size: 1.9rem;
  }
}
.responsaveis-chaves__subtitulo {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0;
}
.responsaveis-chaves__como, .responsaveis-chaves__painel {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  margin-bottom: 1rem;
  padding: 1rem;
}
@media (min-width: 901px) {
  .responsaveis-chaves__como, .responsaveis-chaves__painel {
    padding: 1.5rem;
  }
}
.responsaveis-chaves__secao-titulo {
  color: #0a3d5c;
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}
.responsaveis-chaves__passos {
  font-size: 0.85rem;
  line-height: 1.6;
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
}
.responsaveis-chaves__passos li {
  list-style: decimal;
  margin-bottom: 0.35rem;
  word-break: break-word;
}
.responsaveis-chaves__nota {
  color: #6b7780;
  font-size: 12px;
  margin: 0.5rem 0 0;
}
.responsaveis-chaves__aviso, .responsaveis-chaves__erro {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 0.5rem;
  margin: 0 0 1rem;
  padding: 0.65rem 0.9rem;
}
.responsaveis-chaves__aviso {
  background-color: #e7f4ec;
  color: #2e8b57;
}
.responsaveis-chaves__erro {
  background-color: #fbe9ec;
  color: #c2273f;
}
.responsaveis-chaves__vagas {
  border-bottom: 1px solid #d8e0e5;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.responsaveis-chaves__contador {
  font-size: 0.85rem;
  margin: 0 0 0.75rem;
}
.responsaveis-chaves__contador-dica {
  color: #6b7780;
  display: block;
  font-size: 12px;
}
@media (min-width: 601px) {
  .responsaveis-chaves__contador-dica {
    display: inline;
  }
}
.responsaveis-chaves__bloco {
  margin-top: 1rem;
}
.responsaveis-chaves__bloco-titulo {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}
.responsaveis-chaves__lista {
  margin: 0;
  padding: 0;
}
.responsaveis-chaves__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  list-style: none;
  margin-bottom: 0.5rem;
  padding: 0.75rem;
}
.responsaveis-chaves__item--chave {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.responsaveis-chaves__item--nova {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.15);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.15);
}
.responsaveis-chaves__item-icone {
  color: #0a3d5c;
  font-size: 1.25rem;
}
.responsaveis-chaves__item-texto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 12rem;
          flex: 1 1 12rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
.responsaveis-chaves__item-nome {
  font-size: 0.85rem;
  font-weight: 600;
}
.responsaveis-chaves__item-detalhe {
  color: #6b7780;
  font-size: 12px;
  word-break: break-all;
}
.responsaveis-chaves__codigo {
  color: #0a3d5c;
  font-family: monospace;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.15em;
}
.responsaveis-chaves__item-acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.responsaveis-chaves__vazio {
  color: #6b7780;
  font-size: 0.85rem;
  margin: 0;
}
.responsaveis-chaves__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2.5rem;
  padding: 0.5rem 1.2rem;
}
.responsaveis-chaves__botao:hover:not([disabled]) {
  background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
}
.responsaveis-chaves__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.responsaveis-chaves__botao--secundario {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
.responsaveis-chaves__botao--secundario:hover:not([disabled]) {
  background-color: #e8f0f4;
}
.responsaveis-chaves__botao--perigo {
  background-color: #fff;
  border-color: rgba(194, 39, 63, 0.4);
  color: #c2273f;
}
.responsaveis-chaves__botao--perigo:hover:not([disabled]) {
  background-color: #fbe9ec;
}
.responsaveis-chaves__botao--perigo-cheio {
  background-color: #c2273f;
  border-color: #c2273f;
}
.responsaveis-chaves__botao--perigo-cheio:hover:not([disabled]) {
  background-color: rgb(66.0870150635%, 13.2855339561%, 21.4612471598%);
}
.responsaveis-chaves__botao--texto {
  background: transparent;
  border-color: transparent;
  color: inherit;
  min-height: 0;
  padding: 0.2rem 0.4rem;
  text-decoration: underline;
}
.responsaveis-chaves__botao--texto:hover:not([disabled]) {
  background: transparent;
}
.responsaveis-chaves__modal-acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comunicacao-familias {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  margin: 0 auto;
  width: 1140px;
}
@media (max-width: 1140px) {
  .comunicacao-familias {
    width: 90%;
  }
}
.comunicacao-familias__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 901px) {
  .comunicacao-familias__header {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.comunicacao-familias__titulo {
  color: #0a3d5c;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
}
@media (min-width: 901px) {
  .comunicacao-familias__titulo {
    font-size: 1.9rem;
  }
}
.comunicacao-familias__subtitulo {
  color: #6b7780;
  font-size: 0.85rem;
  margin: 0;
}
.comunicacao-familias__abas {
  border-bottom: 1px solid #d8e0e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.comunicacao-familias__aba {
  border-bottom: 3px solid transparent;
  color: #6b7780;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.5rem 0.85rem;
  text-decoration: none;
}
.comunicacao-familias__aba:hover {
  color: #0a3d5c;
}
.comunicacao-familias__aba.active {
  border-bottom-color: #0a3d5c;
  color: #0a3d5c;
}
.comunicacao-familias__cartao {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  margin-bottom: 1rem;
  padding: 1rem;
}
@media (min-width: 901px) {
  .comunicacao-familias__cartao {
    padding: 1.5rem;
  }
}
.comunicacao-familias__cartao-topo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.75rem;
}
.comunicacao-familias__secao-titulo {
  color: #0a3d5c;
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
}
.comunicacao-familias__secao-titulo:focus {
  outline: none;
}
.comunicacao-familias__subtitulo-secao {
  font-size: 1rem;
  font-weight: 600;
  margin: 1.25rem 0 0.5rem;
}
.comunicacao-familias__texto {
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.comunicacao-familias__label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0.75rem 0 0.35rem;
}
.comunicacao-familias__input, .comunicacao-familias__textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  width: 100%;
}
.comunicacao-familias__input:focus, .comunicacao-familias__textarea:focus {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
  outline: none;
}
.comunicacao-familias__input[aria-invalid=true], .comunicacao-familias__textarea[aria-invalid=true] {
  border-color: #c2273f;
}
.comunicacao-familias__input--busca, .comunicacao-familias__textarea--busca {
  max-width: 24rem;
}
.comunicacao-familias__textarea {
  line-height: 1.5;
  resize: vertical;
}
.comunicacao-familias__contador {
  color: #6b7780;
  display: block;
  font-size: 12px;
  margin-top: 0.35rem;
}
.comunicacao-familias__contador--erro {
  color: #c2273f;
  font-weight: 600;
}
.comunicacao-familias__cotas {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e8f0f4;
  border-radius: 8px;
  color: #0a3d5c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 0.4rem;
  margin: 0 0 1rem;
  padding: 0.65rem 0.9rem;
}
.comunicacao-familias__cotas--esgotada {
  background-color: #fff6dc;
  border: 1px solid #f4bb2f;
  color: #3a3a3a;
}
.comunicacao-familias__erro, .comunicacao-familias__alerta {
  border-radius: 8px;
  font-size: 0.85rem;
  margin: 0.75rem 0 0;
  padding: 0.6rem 0.85rem;
}
.comunicacao-familias__erro {
  background-color: #fbe9ec;
  color: #c2273f;
}
.comunicacao-familias__alerta {
  background-color: #fff6dc;
  border: 1px solid #f4bb2f;
}
.comunicacao-familias__lista-inline {
  display: block;
  font-family: monospace;
  margin-top: 0.25rem;
  word-break: break-all;
}
.comunicacao-familias__vazio {
  color: #6b7780;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.comunicacao-familias__tabs {
  background-color: #e8f0f4;
  border-radius: 999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.25rem;
}
.comunicacao-familias__tab {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #0a3d5c;
  cursor: pointer;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  min-height: 2.25rem;
  padding: 0.4rem 1rem;
}
.comunicacao-familias__tab--ativa {
  background-color: #0a3d5c;
  color: #fff;
}
.comunicacao-familias__painel {
  margin-top: 1rem;
}
.comunicacao-familias__painel:focus {
  outline: none;
}
.comunicacao-familias__unidade {
  margin-bottom: 1rem;
  max-width: 32rem;
}
.comunicacao-familias__selecao-acoes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
.comunicacao-familias__selecao-acoes .comunicacao-familias__contador {
  margin-top: 0;
}
.comunicacao-familias__anos {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
}
@media (min-width: 901px) {
  .comunicacao-familias__anos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.comunicacao-familias__ano {
  list-style: none;
}
.comunicacao-familias__ano-grupo {
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  margin: 0;
  min-width: 0;
  padding: 0.6rem 0.75rem;
}
.comunicacao-familias__ano-legenda {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding: 0;
}
.comunicacao-familias__ano-nome {
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 600;
}
.comunicacao-familias__ano-segmento {
  color: #6b7780;
  font-size: 12px;
  font-weight: 400;
}
.comunicacao-familias__check {
  accent-color: #0a3d5c;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.1rem;
  margin: 0;
  width: 1.1rem;
}
.comunicacao-familias__check[disabled] {
  cursor: not-allowed;
}
.comunicacao-familias__turmas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem 1rem;
  margin: 0.5rem 0 0;
  padding: 0 0 0 1.6rem;
}
.comunicacao-familias__turma {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85rem;
  gap: 0.4rem;
  list-style: none;
}
.comunicacao-familias__turma label {
  cursor: pointer;
}
.comunicacao-familias__previa {
  border-top: 1px solid #d8e0e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
}
@media (min-width: 901px) {
  .comunicacao-familias__previa {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.comunicacao-familias__previa-resultado {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comunicacao-familias__previa-resultado .comunicacao-familias__texto {
  margin: 0.5rem 0 0;
}
.comunicacao-familias__acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}
.comunicacao-familias__acoes--fim {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.comunicacao-familias__acoes--centro {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.comunicacao-familias__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2.5rem;
  padding: 0.5rem 1.3rem;
  text-decoration: none;
}
.comunicacao-familias__botao:hover:not([disabled]) {
  background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  color: #fff;
}
.comunicacao-familias__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.comunicacao-familias__botao--secundario {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
.comunicacao-familias__botao--secundario:hover:not([disabled]) {
  background-color: #e8f0f4;
  color: #0a3d5c;
}
.comunicacao-familias__botao--texto {
  background: transparent;
  border-color: transparent;
  color: #0a3d5c;
  min-height: 0;
  padding: 0.2rem 0.3rem;
  text-decoration: underline;
}
.comunicacao-familias__botao--texto:hover:not([disabled]) {
  background: transparent;
  color: #0a3d5c;
}
.comunicacao-familias__enviada {
  text-align: center;
}
.comunicacao-familias__enviada-icone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e7f4ec;
  border-radius: 50%;
  color: #2e8b57;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.75rem;
  height: 3.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.75rem;
  width: 3.5rem;
}
.comunicacao-familias__modal-acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.comunicacao-familias__link {
  color: #0a3d5c;
  font-weight: 600;
  text-decoration: underline;
}
.comunicacao-familias__voltar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0a3d5c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.35rem;
  text-decoration: none;
}
.comunicacao-familias__sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.comunicacao-familias__tabela-caixa {
  overflow-x: auto;
}
.comunicacao-familias__tabela {
  border-collapse: collapse;
  font-size: 0.85rem;
  width: 100%;
}
.comunicacao-familias__tabela th,
.comunicacao-familias__tabela td {
  border-bottom: 1px solid #d8e0e5;
  padding: 0.6rem 0.5rem;
  text-align: left;
  vertical-align: top;
}
.comunicacao-familias__tabela th {
  color: #6b7780;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 899px) {
  .comunicacao-familias__tabela thead {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
  .comunicacao-familias__tabela tr {
    border: 1px solid #d8e0e5;
    border-radius: 8px;
    display: block;
    margin-bottom: 0.75rem;
    padding: 0.4rem 0.75rem;
  }
  .comunicacao-familias__tabela td {
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.3rem 0;
    text-align: right;
    word-break: break-word;
  }
  .comunicacao-familias__tabela td::before {
    color: #6b7780;
    content: attr(data-rotulo);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
  }
}
.comunicacao-familias__num {
  text-align: right !important;
  white-space: nowrap;
}
.comunicacao-familias__status {
  border-radius: 999px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 0.15rem 0.6rem;
  white-space: nowrap;
}
.comunicacao-familias__status--fila, .comunicacao-familias__status--pendente {
  background-color: #e8f0f4;
  color: #0a3d5c;
}
.comunicacao-familias__status--enviando {
  background-color: rgba(63, 165, 195, 0.18);
  color: rgb(14.5658263305%, 39.3277310924%, 46.6106442577%);
}
.comunicacao-familias__status--concluida, .comunicacao-familias__status--enviado {
  background-color: #e7f4ec;
  color: #2e8b57;
}
.comunicacao-familias__status--falhas, .comunicacao-familias__status--falha {
  background-color: #fbe9ec;
  color: #c2273f;
}
.comunicacao-familias__status--suprimido, .comunicacao-familias__status--outro {
  background-color: #f0f2f3;
  color: #6b7780;
}
.comunicacao-familias__dados {
  display: grid;
  gap: 0.75rem 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}
@media (min-width: 901px) {
  .comunicacao-familias__dados {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.comunicacao-familias__dados dt {
  color: #6b7780;
  font-size: 12px;
  font-weight: 600;
}
.comunicacao-familias__dados dd {
  font-size: 0.85rem;
  margin: 0.15rem 0 0;
}
.comunicacao-familias__corpo {
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  font-size: 0.85rem;
  line-height: 1.6;
  padding: 1rem;
  word-break: break-word;
}
.comunicacao-familias__corpo p {
  margin: 0 0 0.75rem;
}
.comunicacao-familias__corpo ul,
.comunicacao-familias__corpo ol {
  margin: 0 0 0.75rem;
  padding-left: 1.5rem;
}
.comunicacao-familias__corpo ul li {
  list-style: disc;
}
.comunicacao-familias__corpo ol li {
  list-style: decimal;
}
.comunicacao-familias__corpo a {
  color: #0a3d5c;
  text-decoration: underline;
}

.editor-texto {
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  overflow: hidden;
}
.editor-texto--focado {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
}
.editor-texto__barra {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6f8f9;
  border-bottom: 1px solid #d8e0e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.35rem;
}
.editor-texto__botao {
  background: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 6px;
  color: #0a3d5c;
  cursor: pointer;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  min-height: 2.25rem;
  min-width: 2.25rem;
  padding: 0.25rem 0.6rem;
}
.editor-texto__botao:hover {
  background-color: #e8f0f4;
}
.editor-texto__botao--ativo {
  background-color: #0a3d5c;
  border-color: #0a3d5c;
  color: #fff;
}
.editor-texto__botao--ativo:hover {
  background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
}
.editor-texto__botao--negrito {
  font-weight: 700;
}
.editor-texto__botao--italico {
  font-style: italic;
  font-weight: 600;
}
.editor-texto__separador {
  background-color: #d8e0e5;
  height: 1.5rem;
  margin: 0 0.25rem;
  width: 1px;
}
.editor-texto__link {
  background-color: #f6f8f9;
  border-bottom: 1px solid #d8e0e5;
  padding: 0.6rem 0.75rem;
}
.editor-texto__link-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.editor-texto__link-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.editor-texto__link-input {
  border: 1px solid #d8e0e5;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 14rem;
          flex: 1 1 14rem;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  min-height: 2.25rem;
  padding: 0.3rem 0.6rem;
}
.editor-texto__link-input:focus {
  border-color: #3fa5c3;
  outline: none;
}
.editor-texto__link-botao {
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  min-height: 2.25rem;
  padding: 0.3rem 0.9rem;
}
.editor-texto__link-botao--secundario {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
.editor-texto__link-erro {
  color: #c2273f;
  font-size: 12px;
  margin: 0.35rem 0 0;
}
.editor-texto__area {
  background-color: #fff;
  font-family: "poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  max-height: 28rem;
  min-height: 11rem;
  overflow-y: auto;
  padding: 0.75rem 0.9rem;
  word-break: break-word;
}
.editor-texto__area:focus {
  outline: none;
}
.editor-texto__area p {
  margin: 0 0 0.6rem;
}
.editor-texto__area ul,
.editor-texto__area ol {
  margin: 0 0 0.6rem;
  padding-left: 1.5rem;
}
.editor-texto__area ul li {
  list-style: disc;
}
.editor-texto__area ol li {
  list-style: decimal;
}
.editor-texto__area a {
  color: #0a3d5c;
  text-decoration: underline;
}

.termos-taxonomia {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.35rem;
  margin: 0.25rem 0 0.5rem;
  max-width: 100%;
  text-align: left;
}
.termos-taxonomia__grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem;
}
.termos-taxonomia__taxonomia {
  color: #5b6b75;
  font-family: "poppins", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-right: 0.15rem;
  text-transform: uppercase;
}
.termos-taxonomia__lista {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.termos-taxonomia__termo {
  background-color: #eef4f7;
  border: 1px solid #c9d8e0;
  border-radius: 999px;
  color: #0a3d5c;
  cursor: default;
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  padding: 0.15rem 0.6rem;
  white-space: normal;
}
.termos-taxonomia .termos-taxonomia__mais {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: transparent;
  border: 1px dashed #c9d8e0;
  border-radius: 999px;
  color: #0a3d5c;
  cursor: pointer;
  font-family: "poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: 0.15rem 0.6rem;
  width: auto;
}
.termos-taxonomia .termos-taxonomia__mais:hover {
  background-color: #eef4f7;
}
.termos-taxonomia--compacto {
  gap: 0.25rem;
  margin: 0.25rem 0;
  position: relative;
}
.termos-taxonomia--compacto .termos-taxonomia__taxonomia {
  font-size: 0.65rem;
}
.termos-taxonomia--compacto .termos-taxonomia__termo,
.termos-taxonomia--compacto .termos-taxonomia__mais {
  font-size: 0.7rem;
  padding: 0.1rem 0.5rem;
}
.termos-taxonomia__painel {
  background-color: #fff;
  border: 1px solid #c9d8e0;
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 24px rgba(10, 61, 92, 0.18);
          box-shadow: 0 8px 24px rgba(10, 61, 92, 0.18);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.35rem;
  left: -0.5rem;
  max-height: 18rem;
  min-width: 14rem;
  overflow-y: auto;
  padding: 0.6rem 0.5rem;
  position: absolute;
  top: -0.4rem;
  width: calc(100% + 1rem);
  z-index: 60;
}
.termos-taxonomia .termos-taxonomia__mais--fechar {
  margin-top: 0.15rem;
}
.termos-taxonomia--painel-aberto {
  z-index: 60;
}
.termos-taxonomia--largura-total {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
}
.termos-taxonomia--impresso {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  margin: 0;
}
.termos-taxonomia--impresso .termos-taxonomia__termo {
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

.main__acoes--termos {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main__acoes--termos .termos-taxonomia {
  margin-bottom: 3rem;
  margin-top: -0.5rem;
}

.taxonomias {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  margin: 0 auto;
  width: 1140px;
}
@media (max-width: 1140px) {
  .taxonomias {
    width: 90%;
  }
}
.taxonomias__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 901px) {
  .taxonomias__header {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.taxonomias__titulo {
  color: #0a3d5c;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0.25rem 0;
}
@media (min-width: 901px) {
  .taxonomias__titulo {
    font-size: 1.9rem;
  }
}
.taxonomias__subtitulo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6b7780;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 0.4rem;
  margin: 0;
  max-width: 46rem;
}
.taxonomias__voltar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0a3d5c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.35rem;
  text-decoration: none;
}
.taxonomias__cartao {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  margin-bottom: 1rem;
  padding: 1rem;
}
@media (min-width: 901px) {
  .taxonomias__cartao {
    padding: 1.5rem;
  }
}
.taxonomias__secao-topo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.taxonomias__secao-titulo {
  color: #0a3d5c;
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
}
.taxonomias__texto {
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.taxonomias__label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0.75rem 0 0.35rem;
}
.taxonomias__opcional {
  color: #6b7780;
  font-weight: 400;
}
.taxonomias__input, .taxonomias__textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  font-size: 1rem;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  width: 100%;
}
.taxonomias__input:focus, .taxonomias__textarea:focus {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
  outline: none;
}
.taxonomias__input--erro, .taxonomias__input[aria-invalid=true], .taxonomias__textarea--erro, .taxonomias__textarea[aria-invalid=true] {
  border-color: #c2273f;
}
.taxonomias__textarea {
  line-height: 1.5;
  resize: vertical;
}
.taxonomias__contador {
  color: #6b7780;
  display: block;
  font-size: 12px;
  margin-top: 0.35rem;
}
.taxonomias__check-linha {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.5rem;
  margin-top: 1rem;
}
.taxonomias__check-linha label {
  cursor: pointer;
}
.taxonomias__check {
  accent-color: #0a3d5c;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.1rem;
  margin: 0;
  width: 1.1rem;
}
.taxonomias__erro, .taxonomias__sucesso {
  border-radius: 8px;
  font-size: 0.85rem;
  margin: 0.75rem 0;
  padding: 0.6rem 0.85rem;
}
.taxonomias__erro p,
.taxonomias__erro ul, .taxonomias__sucesso p,
.taxonomias__sucesso ul {
  margin: 0;
}
.taxonomias__erro ul, .taxonomias__sucesso ul {
  padding-left: 1.2rem;
}
.taxonomias__erro {
  background-color: #fbe9ec;
  color: #c2273f;
}
.taxonomias__erro:focus {
  outline: none;
}
.taxonomias__sucesso {
  background-color: #e7f4ec;
  color: #2e8b57;
}
.taxonomias__vazio {
  color: #6b7780;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.taxonomias__acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}
.taxonomias__acoes--fim {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 2rem;
}
.taxonomias__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2.5rem;
  padding: 0.5rem 1.3rem;
  text-decoration: none;
}
.taxonomias__botao:hover:not([disabled]) {
  background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  color: #fff;
}
.taxonomias__botao[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.taxonomias__botao--secundario {
  background-color: #fff;
  border-color: #d8e0e5;
  color: #0a3d5c;
}
.taxonomias__botao--secundario:hover:not([disabled]) {
  background-color: #e8f0f4;
  color: #0a3d5c;
}
.taxonomias__botao--perigo {
  background-color: #fff;
  border-color: #c2273f;
  color: #c2273f;
}
.taxonomias__botao--perigo:hover:not([disabled]) {
  background-color: #fbe9ec;
  color: #c2273f;
}
.taxonomias__botao--texto {
  background: transparent;
  border-color: transparent;
  color: #0a3d5c;
  min-height: 0;
  padding: 0.2rem 0.3rem;
  text-decoration: underline;
}
.taxonomias__botao--texto:hover:not([disabled]) {
  background: transparent;
  color: #0a3d5c;
}
.taxonomias__badge {
  border-radius: 999px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 0.1rem 0.6rem;
}
.taxonomias__badge--herdada {
  background-color: #e8f0f4;
  color: #0a3d5c;
}
.taxonomias__badge--ativa {
  background-color: #e7f4ec;
  color: #2e8b57;
}
.taxonomias__badge--inativa {
  background-color: #eceff1;
  color: #6b7780;
}
.taxonomias__lista {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
}
.taxonomias__item {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 1rem;
}
@media (min-width: 901px) {
  .taxonomias__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.taxonomias__item--herdada {
  background-color: #fafcfd;
}
.taxonomias__item-info {
  min-width: 0;
}
.taxonomias__item-nome {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
}
.taxonomias__link {
  color: #0a3d5c;
  text-decoration: none;
}
.taxonomias__link:hover {
  text-decoration: underline;
}
.taxonomias__item-meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6b7780;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  gap: 0.4rem;
  margin: 0;
}
.taxonomias__item-descricao {
  color: #3a3a3a;
  font-size: 12px;
  margin: 0.4rem 0 0;
}
.taxonomias__item-acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.taxonomias__modal-acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.taxonomias__colar {
  background-color: #e8f0f4;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  padding: 0.25rem 1rem 1rem;
}
.taxonomias__termos {
  list-style: none;
  margin: 0;
  padding: 0;
}
.taxonomias__termo {
  border: 1px solid #d8e0e5;
  border-left: 4px solid #d8e0e5;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.85rem 0.75rem;
}
.taxonomias__termo--erro {
  background-color: rgb(99.0467571644%, 94.7571644042%, 95.4720965309%);
  border-color: #c2273f;
  border-left-color: #c2273f;
}
.taxonomias__termo-nome {
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0.25rem 0;
}
.taxonomias__termo-campos {
  display: grid;
  gap: 0 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 901px) {
  .taxonomias__termo-campos {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) auto;
  }
}
.taxonomias__campo {
  min-width: 0;
}
.taxonomias__termo-ordem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.35rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 0.5rem;
}
.taxonomias__icone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  color: #0a3d5c;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
}
.taxonomias__icone:hover {
  background-color: #e8f0f4;
}
.taxonomias__icone--perigo {
  color: #c2273f;
}
.taxonomias__icone--perigo:hover {
  background-color: #fbe9ec;
}
.taxonomias__termo-comps {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.6rem;
}
.taxonomias__termo-situacao {
  font-size: 12px;
  margin: 0.35rem 0 0;
}
.taxonomias__erro-inline {
  color: #c2273f;
  font-weight: 600;
  margin-right: 0.5rem;
}
.taxonomias__aviso-inline {
  color: #8a6100;
  margin-right: 0.5rem;
}
.taxonomias__siglas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3rem;
  list-style: none;
  margin: 0.25rem 0;
  padding: 0;
}
.taxonomias__sigla {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.9rem;
  min-width: 1.9rem;
  padding: 0 0.3rem;
  text-align: center;
}
.taxonomias__sigla--autogestao {
  background-color: #8AB925;
}
.taxonomias__sigla--abertura {
  background-color: #765AA3;
}
.taxonomias__sigla--modulacao {
  background-color: #3FA5C3;
}
.taxonomias__sigla--engajamento {
  background-color: #F4BB2F;
}
.taxonomias__sigla--amabilidade {
  background-color: #E61D47;
}
.taxonomias__sigla--engajamento {
  color: #3a3a3a;
}
.taxonomias__painel-comps {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr;
  margin-top: 0.75rem;
}
@media (min-width: 901px) {
  .taxonomias__painel-comps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.taxonomias__dominio {
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  border-top-width: 4px;
  margin: 0;
  min-width: 0;
  padding: 0.4rem 0.75rem 0.6rem;
}
.taxonomias__dominio--autogestao {
  border-top-color: #8AB925;
}
.taxonomias__dominio--abertura {
  border-top-color: #765AA3;
}
.taxonomias__dominio--modulacao {
  border-top-color: #3FA5C3;
}
.taxonomias__dominio--engajamento {
  border-top-color: #F4BB2F;
}
.taxonomias__dominio--amabilidade {
  border-top-color: #E61D47;
}
.taxonomias__dominio-nome {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0 0.25rem;
}
.taxonomias__dominio-comps {
  list-style: none;
  margin: 0;
  padding: 0;
}
.taxonomias__comp-opcao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85rem;
  gap: 0.5rem;
  margin-top: 0.4rem;
}
.taxonomias__comp-opcao label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.4rem;
}
.taxonomias__comp-opcao .taxonomias__sigla {
  font-size: 0.7rem;
  line-height: 1.5rem;
  min-width: 1.6rem;
}
.taxonomias__planilha .taxonomias__secao-titulo {
  margin-bottom: 0.5rem;
}
.taxonomias__planilha-acoes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.taxonomias__planilha-nota {
  color: #6b7780;
  font-size: 12px;
  margin: 0.6rem 0 0;
}
.taxonomias__planilha-nota--aviso {
  color: #8a6100;
  font-weight: 600;
}
.taxonomias__importacao-resultado {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 1rem;
}
.taxonomias__importacao-resultado:focus {
  outline: 2px solid #2e8b57;
  outline-offset: 2px;
}
.taxonomias__importacao-resultado .taxonomias__botao--texto {
  color: #2e8b57;
}
.taxonomias__importar .modal__body {
  max-height: 60vh;
  overflow-y: auto;
}
.taxonomias__arquivo {
  border: 1px dashed #d8e0e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  max-width: 100%;
  padding: 0.6rem;
  width: 100%;
}
.taxonomias__arquivo:focus {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
  outline: none;
}
.taxonomias__arquivo[aria-invalid=true] {
  border-color: #c2273f;
}
.taxonomias__modos {
  border: 0;
  margin: 0.5rem 0 0;
  min-width: 0;
  padding: 0;
}
.taxonomias__modo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  font-size: 0.85rem;
  gap: 0.15rem 0.5rem;
  grid-template-columns: auto minmax(0, 1fr);
  margin-top: 0.6rem;
}
.taxonomias__modo label {
  cursor: pointer;
  font-weight: 600;
}
.taxonomias__modo-dica {
  color: #6b7780;
  font-size: 12px;
  grid-column: 2;
}
.taxonomias__leitura {
  margin-top: 0.75rem;
}
.taxonomias__leitura:focus {
  outline: none;
}
.taxonomias__leitura-resumo {
  color: #0a3d5c;
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
}
.taxonomias__leitura-erros {
  max-height: 12rem;
  overflow-y: auto;
}
.taxonomias__sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.conteudos-proprios {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  margin: 0 auto;
  padding-bottom: 3rem;
  width: 1140px;
}
@media (max-width: 1140px) {
  .conteudos-proprios {
    width: 90%;
  }
}
.conteudos-proprios__sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.conteudos-proprios__header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 901px) {
  .conteudos-proprios__header {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.conteudos-proprios__header-texto {
  min-width: 0;
}
.conteudos-proprios__titulo {
  color: #0a3d5c;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0 0 0.25rem;
}
@media (min-width: 901px) {
  .conteudos-proprios__titulo {
    font-size: 1.9rem;
  }
}
.conteudos-proprios__subtitulo {
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0;
}
@media (min-width: 901px) {
  .conteudos-proprios__subtitulo {
    font-size: 1rem;
  }
}
.conteudos-proprios__contagem {
  color: #6b7780;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap;
}
.conteudos-proprios__erro {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fbe9ec;
  border-left: 4px solid #c2273f;
  border-radius: 6px;
  color: #c2273f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 0.5rem;
  line-height: 1.4;
  margin: 0 0 1rem;
  padding: 0.7rem 0.9rem;
}
.conteudos-proprios__erro .conteudos-proprios__botao-texto {
  color: #c2273f;
  margin-left: auto;
}
.conteudos-proprios__aviso {
  background-color: #fff6dc;
  border-left: 4px solid #F4BB2F;
  border-radius: 6px;
  color: #8a6100;
  font-size: 0.85rem;
  line-height: 1.45;
  margin: 0 0 1rem;
  padding: 0.7rem 0.9rem;
}
.conteudos-proprios__botao-texto {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: 0;
  border-radius: 999px;
  color: #086083;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.35rem;
  line-height: 1.2;
  padding: 0.35rem 0.6rem;
  text-decoration: none;
}
@media (hover: hover) {
  .conteudos-proprios__botao-texto:hover {
    background-color: #e8f0f4;
  }
}
.conteudos-proprios__botao-texto:focus-visible {
  outline: 3px solid rgba(63, 165, 195, 0.5);
  outline-offset: 2px;
}
.conteudos-proprios__filtros {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  margin-bottom: 1.75rem;
  padding: 0.9rem 1rem;
}
@media (min-width: 901px) {
  .conteudos-proprios__filtros {
    padding: 1rem 1.25rem;
  }
}
.conteudos-proprios__form {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: grid;
  gap: 0.75rem 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 901px) {
  .conteudos-proprios__form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1201px) {
  .conteudos-proprios__form {
    grid-template-columns: minmax(0, 2fr) repeat(auto-fit, minmax(0, 1fr));
  }
}
.conteudos-proprios__filtro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}
@media (min-width: 901px) {
  .conteudos-proprios__filtro--busca {
    grid-column: 1/-1;
  }
}
@media (min-width: 1201px) {
  .conteudos-proprios__filtro--busca {
    grid-column: auto;
  }
}
.conteudos-proprios__filtro--acao {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 2.75rem;
}
@media (min-width: 901px) {
  .conteudos-proprios__filtro--acao {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.conteudos-proprios__rotulo {
  color: #6b7780;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.conteudos-proprios__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  line-height: 1.4;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  -webkit-transition: border-color 150ms ease, -webkit-box-shadow 150ms ease;
  transition: border-color 150ms ease, -webkit-box-shadow 150ms ease;
  -o-transition: border-color 150ms ease, box-shadow 150ms ease;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  transition: border-color 150ms ease, box-shadow 150ms ease, -webkit-box-shadow 150ms ease;
  width: 100%;
}
.conteudos-proprios__input::-webkit-input-placeholder {
  color: #9aa5ad;
}
.conteudos-proprios__input::-moz-placeholder {
  color: #9aa5ad;
}
.conteudos-proprios__input::-ms-input-placeholder {
  color: #9aa5ad;
}
.conteudos-proprios__input::placeholder {
  color: #9aa5ad;
}
.conteudos-proprios__input:focus {
  border-color: #3fa5c3;
  -webkit-box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
          box-shadow: 0 0 0 3px rgba(63, 165, 195, 0.2);
  outline: none;
}
.conteudos-proprios__select {
  background-image: -o-linear-gradient(45deg, transparent 50%, #6b7780 50%), -o-linear-gradient(315deg, #6b7780 50%, transparent 50%);
  background-image: linear-gradient(45deg, transparent 50%, #6b7780 50%), linear-gradient(135deg, #6b7780 50%, transparent 50%);
  background-position: calc(100% - 1.1rem) 50%, calc(100% - 0.75rem) 50%;
  background-repeat: no-repeat;
  background-size: 0.35rem 0.35rem, 0.35rem 0.35rem;
  cursor: pointer;
  padding-right: 2.25rem;
}
.conteudos-proprios__campo-busca {
  position: relative;
}
.conteudos-proprios__campo-busca .conteudos-proprios__input {
  padding-left: 2.4rem;
}
.conteudos-proprios__campo-busca .conteudos-proprios__input::-webkit-search-cancel-button, .conteudos-proprios__campo-busca .conteudos-proprios__input::-webkit-search-decoration {
  -webkit-appearance: none;
  display: none;
}
.conteudos-proprios__campo-busca-icone {
  color: #6b7780;
  font-size: 1rem;
  left: 0.9rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.conteudos-proprios__limpar {
  min-height: 2.75rem;
  white-space: nowrap;
}
.conteudos-proprios__secao {
  margin-bottom: 2.25rem;
}
.conteudos-proprios__secao--recomendados {
  background: -o-linear-gradient(315deg, rgba(63, 165, 195, 0.09) 0%, rgba(118, 90, 163, 0.07) 100%);
  background: linear-gradient(135deg, rgba(63, 165, 195, 0.09) 0%, rgba(118, 90, 163, 0.07) 100%);
  border: 1px solid rgba(63, 165, 195, 0.25);
  border-radius: 16px;
  padding: 1.1rem 1rem 1.25rem;
}
@media (min-width: 901px) {
  .conteudos-proprios__secao--recomendados {
    padding: 1.5rem 1.5rem 1.75rem;
  }
}
.conteudos-proprios__secao--encerrados {
  border-top: 1px dashed #d8e0e5;
  padding-top: 1rem;
}
.conteudos-proprios__secao-cabecalho {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin-bottom: 1rem;
}
.conteudos-proprios__secao-titulo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0a3d5c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.15rem;
  font-weight: 700;
  gap: 0.6rem;
  line-height: 1.2;
  margin: 0;
}
@media (min-width: 901px) {
  .conteudos-proprios__secao-titulo {
    font-size: 1.35rem;
  }
}
.conteudos-proprios__secao-marca {
  background: -o-linear-gradient(315deg, #3fa5c3, #765AA3);
  background: linear-gradient(135deg, #3fa5c3, #765AA3);
  border-radius: 999px;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 0.75rem;
  width: 0.75rem;
}
.conteudos-proprios__secao-descricao {
  color: #6b7780;
  font-size: 0.85rem;
  margin: 0;
}
.conteudos-proprios__grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
}
@media (min-width: 901px) {
  .conteudos-proprios__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1201px) {
  .conteudos-proprios__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1201px) {
  .conteudos-proprios__grid--destaque {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.conteudos-proprios__grid--encerrados {
  margin-top: 1rem;
  opacity: 0.92;
}
.conteudos-proprios__vazio {
  background-color: #fff;
  border: 1px dashed #d8e0e5;
  border-radius: 10px;
  color: #6b7780;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0;
  padding: 1.5rem 1rem;
  text-align: center;
}
.conteudos-proprios__vazio--curto {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0.9rem 1rem;
  text-align: left;
}
.conteudos-proprios__rodape {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.conteudos-proprios__toggle-encerrados {
  color: #6b7780;
}
.conteudos-proprios__toggle-encerrados[aria-expanded=true] {
  color: #086083;
}

.conteudo-proprio-card {
  background-color: #fff;
  border: 1px solid #d8e0e5;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #3a3a3a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "poppins", sans-serif;
  min-width: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: border-color 180ms ease, -webkit-box-shadow 180ms ease, -webkit-transform 180ms ease;
  transition: border-color 180ms ease, -webkit-box-shadow 180ms ease, -webkit-transform 180ms ease;
  -o-transition: box-shadow 180ms ease, transform 180ms ease, border-color 180ms ease;
  transition: box-shadow 180ms ease, transform 180ms ease, border-color 180ms ease;
  transition: box-shadow 180ms ease, transform 180ms ease, border-color 180ms ease, -webkit-box-shadow 180ms ease, -webkit-transform 180ms ease;
}
@media (hover: hover) {
  .conteudo-proprio-card:hover {
    border-color: rgba(63, 165, 195, 0.45);
    -webkit-box-shadow: 0 10px 24px rgba(10, 61, 92, 0.14);
            box-shadow: 0 10px 24px rgba(10, 61, 92, 0.14);
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
.conteudo-proprio-card:focus-within {
  border-color: rgba(63, 165, 195, 0.6);
  -webkit-box-shadow: 0 10px 24px rgba(10, 61, 92, 0.14);
          box-shadow: 0 10px 24px rgba(10, 61, 92, 0.14);
}
.conteudo-proprio-card__capa {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 7rem;
  overflow: hidden;
  position: relative;
}
.conteudo-proprio-card__capa::after {
  background: -o-radial-gradient(85% 20%, circle, rgba(255, 255, 255, 0.28) 0, rgba(255, 255, 255, 0) 38%), -o-radial-gradient(10% 90%, circle, rgba(0, 0, 0, 0.12) 0, rgba(0, 0, 0, 0) 45%);
  background: radial-gradient(circle at 85% 20%, rgba(255, 255, 255, 0.28) 0, rgba(255, 255, 255, 0) 38%), radial-gradient(circle at 10% 90%, rgba(0, 0, 0, 0.12) 0, rgba(0, 0, 0, 0) 45%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.conteudo-proprio-card__capa--autogestao {
  background: -o-linear-gradient(315deg, rgb(63.319554849%, 83.8431372549%, 19.2156862745%) 0%, #8AB925 55%, rgb(36.7122416534%, 49.2156862745%, 9.8431372549%) 100%);
  background: linear-gradient(135deg, rgb(63.319554849%, 83.8431372549%, 19.2156862745%) 0%, #8AB925 55%, rgb(36.7122416534%, 49.2156862745%, 9.8431372549%) 100%);
}
.conteudo-proprio-card__capa--abertura {
  background: -o-linear-gradient(315deg, rgb(54.7593582888%, 45.376114082%, 69.8395721925%) 0%, #765AA3 55%, rgb(33.2152212664%, 25.3336433388%, 45.8820429358%) 100%);
  background: linear-gradient(135deg, rgb(54.7593582888%, 45.376114082%, 69.8395721925%) 0%, #765AA3 55%, rgb(33.2152212664%, 25.3336433388%, 45.8820429358%) 100%);
}
.conteudo-proprio-card__capa--modulacao {
  background: -o-linear-gradient(315deg, rgb(36.8963585434%, 70.4201680672%, 80.2801120448%) 0%, #3FA5C3 55%, rgb(17.4229691877%, 47.0420168067%, 55.7535014006%) 100%);
  background: linear-gradient(135deg, rgb(36.8963585434%, 70.4201680672%, 80.2801120448%) 0%, #3FA5C3 55%, rgb(17.4229691877%, 47.0420168067%, 55.7535014006%) 100%);
}
.conteudo-proprio-card__capa--engajamento {
  background: -o-linear-gradient(315deg, rgb(96.4899274778%, 78.301369863%, 33.627719581%) 0%, #F4BB2F 55%, rgb(81.7921031426%, 59.3779210314%, 4.3255439162%) 100%);
  background: linear-gradient(135deg, rgb(96.4899274778%, 78.301369863%, 33.627719581%) 0%, #F4BB2F 55%, rgb(81.7921031426%, 59.3779210314%, 4.3255439162%) 100%);
}
.conteudo-proprio-card__capa--amabilidade {
  background: -o-linear-gradient(315deg, rgb(91.7897039294%, 25.7789235216%, 39.5722209202%) 0%, #E61D47 55%, rgb(66.241074916%, 7.327552535%, 19.6378407937%) 100%);
  background: linear-gradient(135deg, rgb(91.7897039294%, 25.7789235216%, 39.5722209202%) 0%, #E61D47 55%, rgb(66.241074916%, 7.327552535%, 19.6378407937%) 100%);
}
.conteudo-proprio-card__capa--neutra {
  background: -o-linear-gradient(315deg, rgb(5.4901960784%, 33.4901960784%, 50.5098039216%) 0%, #0a3d5c 55%, rgb(1.1764705882%, 7.1764705882%, 10.8235294118%) 100%);
  background: linear-gradient(135deg, rgb(5.4901960784%, 33.4901960784%, 50.5098039216%) 0%, #0a3d5c 55%, rgb(1.1764705882%, 7.1764705882%, 10.8235294118%) 100%);
}
.conteudo-proprio-card__inicial {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
  z-index: 1;
}
.conteudo-proprio-card__codigo {
  background-color: rgba(0, 0, 0, 0.28);
  border-radius: 999px;
  bottom: 0.6rem;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 600;
  left: 0.75rem;
  letter-spacing: 0.06em;
  padding: 0.2rem 0.55rem;
  position: absolute;
  text-transform: uppercase;
  z-index: 1;
}
.conteudo-proprio-card__corpo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.9rem;
  min-width: 0;
  padding: 1.15rem 1.15rem 1.25rem;
}
@media (min-width: 901px) {
  .conteudo-proprio-card__corpo {
    padding: 1.35rem 1.5rem 1.5rem;
  }
}
.conteudo-proprio-card__corpo > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.conteudo-proprio-card__corpo .termos-taxonomia {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
}
.conteudo-proprio-card__badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.35rem;
  min-height: 0;
}
.conteudo-proprio-card__badges:empty {
  display: none;
}
.conteudo-proprio-card__badge {
  background-color: #e8f0f4;
  border-radius: 999px;
  color: #0a3d5c;
  display: inline-block;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  padding: 0.32rem 0.6rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.conteudo-proprio-card__badge--novo {
  background-color: #F4BB2F;
  color: #3d2e00;
}
.conteudo-proprio-card__badge--recomendado {
  background: -o-linear-gradient(315deg, #3fa5c3, #086083);
  background: linear-gradient(135deg, #3fa5c3, #086083);
  color: #fff;
}
.conteudo-proprio-card__badge--futuro {
  background-color: #fff6dc;
  color: #8a6100;
}
.conteudo-proprio-card__badge--encerrado {
  background-color: #eceff1;
  color: #6b7780;
}
.conteudo-proprio-card__badge--concluido {
  background-color: #e7f4ec;
  color: #2e8b57;
}
.conteudo-proprio-card__titulo {
  color: #0a3d5c;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  overflow-wrap: anywhere;
}
@media (min-width: 901px) {
  .conteudo-proprio-card__titulo {
    font-size: 1.1rem;
  }
}
.conteudo-proprio-card__meta {
  color: #6b7780;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.78rem;
  gap: 0.25rem 0.75rem;
  line-height: 1.4;
  margin: 0;
}
.conteudo-proprio-card__meta:empty {
  display: none;
}
.conteudo-proprio-card__meta-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.3rem;
}
.conteudo-proprio-card__meta-item .icon-clock {
  font-size: 0.85em;
}
.conteudo-proprio-card__descricao {
  -webkit-box-orient: vertical;
  color: #3a3a3a;
  display: -webkit-box;
  font-size: 0.85rem;
  -webkit-line-clamp: 3;
  line-height: 1.6;
  margin: 0;
  overflow: hidden;
}
.conteudo-proprio-card__chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.conteudo-proprio-card__chip {
  background-color: #f6f9fb;
  border: 1px solid #d8e0e5;
  border-radius: 6px;
  color: #6b7780;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  padding: 0.2rem 0.5rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.conteudo-proprio-card__chip--unidade {
  background-color: #fff;
  border-style: dashed;
  font-weight: 500;
}
.conteudo-proprio-card__progresso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
  margin-top: 0.25rem;
}
.conteudo-proprio-card__progresso-rotulo {
  color: #6b7780;
  font-size: 0.72rem;
  font-weight: 600;
}
.conteudo-proprio-card__barra {
  background-color: #e8f0f4;
  border-radius: 999px;
  height: 0.45rem;
  overflow: hidden;
  width: 100%;
}
.conteudo-proprio-card__barra-preenchida {
  background: -webkit-gradient(linear, left top, right top, from(#3fa5c3), to(#086083));
  background: -o-linear-gradient(left, #3fa5c3, #086083);
  background: linear-gradient(90deg, #3fa5c3, #086083);
  border-radius: 999px;
  display: block;
  height: 100%;
  -webkit-transition: width 300ms ease;
  -o-transition: width 300ms ease;
  transition: width 300ms ease;
}
.conteudo-proprio-card__erro {
  background-color: #fbe9ec;
  border-left: 3px solid #c2273f;
  border-radius: 6px;
  color: #c2273f;
  font-size: 0.78rem;
  line-height: 1.4;
  margin: 0;
  padding: 0.5rem 0.7rem;
}
.conteudo-proprio-card__acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  padding-top: 0.75rem;
}
.conteudo-proprio-card__botao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0a3d5c;
  border: 1px solid #0a3d5c;
  border-radius: 999px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  min-height: 2.5rem;
  padding: 0.55rem 1.3rem;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  -o-transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
  width: 100%;
}
@media (min-width: 901px) {
  .conteudo-proprio-card__botao {
    width: auto;
  }
}
@media (hover: hover) {
  .conteudo-proprio-card__botao:hover:not([disabled]) {
    background-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
    border-color: rgb(5.4901960784%, 33.4901960784%, 50.5098039216%);
  }
}
.conteudo-proprio-card__botao:focus-visible {
  outline: 3px solid rgba(63, 165, 195, 0.5);
  outline-offset: 2px;
}
.conteudo-proprio-card__botao[disabled] {
  cursor: wait;
  opacity: 0.6;
}
.conteudo-proprio-card__botao--secundario {
  background-color: #fff;
  color: #0a3d5c;
}
@media (hover: hover) {
  .conteudo-proprio-card__botao--secundario:hover:not([disabled]) {
    background-color: #e8f0f4;
    border-color: #e8f0f4;
  }
}
.conteudo-proprio-card__botao--bloqueado {
  background-color: #f6f9fb;
  border-color: #d8e0e5;
  color: #6b7780;
  cursor: not-allowed;
}
.conteudo-proprio-card__botao--bloqueado .icon-lock {
  font-size: 0.95em;
}
.conteudo-proprio-card--bloqueado .conteudo-proprio-card__capa {
  -webkit-filter: saturate(0.55);
          filter: saturate(0.55);
}
.conteudo-proprio-card--encerrado .conteudo-proprio-card__capa {
  -webkit-filter: grayscale(0.6);
          filter: grayscale(0.6);
  opacity: 0.85;
}
.conteudo-proprio-card--destaque {
  border-color: rgba(63, 165, 195, 0.35);
}
@media (min-width: 901px) {
  .conteudo-proprio-card--destaque {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .conteudo-proprio-card--destaque .conteudo-proprio-card__capa {
    aspect-ratio: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
            flex: 0 0 34%;
    min-height: 100%;
  }
  .conteudo-proprio-card--destaque .conteudo-proprio-card__inicial {
    font-size: 3.6rem;
  }
  .conteudo-proprio-card--destaque .conteudo-proprio-card__corpo {
    padding: 1.25rem 1.5rem 1.5rem;
  }
  .conteudo-proprio-card--destaque .conteudo-proprio-card__titulo {
    font-size: 1.2rem;
  }
  .conteudo-proprio-card--destaque .conteudo-proprio-card__descricao {
    -webkit-line-clamp: 4;
  }
}

.conteudos-proprios-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c2273f;
  border-radius: 999px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: 700;
  height: 1.15rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin-left: 0.4rem;
  min-width: 1.15rem;
  padding: 0 0.3rem;
  vertical-align: middle;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.conteudos-proprios-badge--card {
  font-size: 0.75rem;
  height: 1.35rem;
  min-width: 1.35rem;
}

.my-perception {
  margin-bottom: 3.75rem;
  position: static;
}
@media (min-width: 901px) {
  .my-perception {
    margin-bottom: 0;
  }
}
.my-perception--is-show [class*=__overlayer] {
  opacity: 1;
  visibility: visible;
}
.my-perception--is-show [class*=__panels] {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.my-perception--is-show [class*=__close] {
  opacity: 1;
  visibility: visible;
}
.my-perception__overlayer {
  z-index: 400;
  background-color: rgba(52, 63, 69, 0.95);
  height: 100vh;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 100vw;
  visibility: hidden;
  z-index: 2;
}
.my-perception__panels {
  display: block;
  height: 100vh;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(40%);
      -ms-transform: translateX(40%);
          transform: translateX(40%);
  -webkit-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: 500ms var(--ease-out-expo);
  -o-transition: 500ms var(--ease-out-expo);
  transition: 500ms var(--ease-out-expo);
  visibility: hidden;
  width: 100%;
  z-index: 3;
}
.my-perception__panels.engagement #domain-engagement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.my-perception__panels.kindness #domain-kindness {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.my-perception__panels.management #domain-management {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.my-perception__panels.openness #domain-openness {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.my-perception__panels.resilience #domain-resilience {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.my-perception__panel {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin-bottom: 0.5rem;
  opacity: 0;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  width: 100%;
}
@media (min-width: 901px) {
  .my-perception__panel {
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
  }
}
.my-perception__low {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
@media (max-width: 900px) {
  .my-perception__low {
    overflow: auto;
  }
}
@media (min-width: 901px) {
  .my-perception__low {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
.my-perception__close {
  opacity: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  visibility: hidden;
  z-index: 3;
}
.my-perception__list {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
.my-perception__list > * {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
}
.my-perception__list > * > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 901px) {
  .my-perception__list > * > div {
    padding-left: 5rem;
  }
}
@media (min-width: 601px) {
  .my-perception__list > * > div {
    padding-left: 0;
  }
}
@media (min-width: 1201px) {
  .my-perception__list > * > div {
    padding-left: 5rem;
  }
}
.my-perception__list:hover > * {
  opacity: 0.25;
}
.my-perception__list:hover > *:hover {
  opacity: 1;
}
.my-perception__auto {
  width: 100%;
  text-align: center;
}
.my-perception__auto > * {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
}
.my-perception__auto > * > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 601px) {
  .my-perception__auto > * > div {
    max-width: calc(600px + 12rem);
    padding-left: 1.5rem;
  }
}
@media (min-width: 901px) {
  .my-perception__auto > * > div {
    max-width: calc(900px + 12rem);
  }
}
@media (min-width: 1201px) {
  .my-perception__auto > * > div {
    max-width: calc(1200px + 12rem);
    padding-left: 1rem;
  }
}
@media (max-width: 599px) {
  .my-perception__auto {
    text-align: center;
  }
}
.my-perception__wifis-autogestao {
  display: inline-block;
}
.my-perception__wifis {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  margin: auto;
}
.my-perception__wifis--linha {
  width: 78%;
  height: 1px;
  position: absolute;
  top: 3.4rem;
  left: 6rem;
  border: solid 1px;
}
@media (max-width: 899px) {
  .my-perception__wifis--linha {
    left: 8rem;
    top: 3.8rem;
    width: 70%;
  }
}
.my-perception__wifis--chamada {
  display: inline;
}
.my-perception__wifis--desenvolvimento {
  border-radius: 100px;
  border-right: 0 !important;
  height: 6rem;
  margin: 0.5rem 0.5rem;
  padding: 0.5rem 0rem;
  position: relative;
  text-align: center;
  width: 6rem;
  background-color: #4D5457;
}
@media (max-width: 599px) {
  .my-perception__wifis--desenvolvimento {
    width: 3rem !important;
    height: 3rem !important;
    margin: 0.5rem 0.8rem !important;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--desenvolvimento {
    width: 4rem;
    height: 4rem;
    margin: 1.5rem 0.3rem;
  }
}
@media (min-width: 901px) {
  .my-perception__wifis--desenvolvimento {
    margin: 0.5rem 0.5rem;
  }
}
@media (max-width: 1199px) {
  .my-perception__wifis--desenvolvimento {
    width: 6rem;
    height: 5rem;
    margin: 1rem 0.8rem;
  }
}
.my-perception__wifis--desenvolvimento p {
  font-size: 0.7rem;
  border-right: 0 !important;
}
@media (max-width: 599px) {
  .my-perception__wifis--desenvolvimento p {
    font-size: 0.7rem;
    color: #4D5457;
    margin-left: -0.5rem;
  }
}
.my-perception__wifis--desenvolvimento img {
  margin: 0.5rem auto;
  width: 3rem;
}
@media (max-width: 599px) {
  .my-perception__wifis--desenvolvimento img {
    width: 2.2rem !important;
    margin: 0.5rem auto 0.9rem !important;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--desenvolvimento img {
    margin: 0.5rem auto;
    width: 4rem;
  }
}
@media (max-width: 1199px) {
  .my-perception__wifis--desenvolvimento img {
    margin: 0rem auto;
    width: 3rem;
  }
}
@media (max-width: 1199px) {
  .my-perception__wifis--desenvolvimento img {
    margin: 1rem auto;
    width: 3rem;
  }
}
.my-perception__wifis--desenvolvimento-color-autogestao {
  background-color: #edffe8;
}
.my-perception__wifis--desenvolvimento-color-abertura {
  background-color: #ede4fe;
}
.my-perception__wifis--desenvolvimento-color-modulacao {
  background-color: #def2ff;
}
.my-perception__wifis--desenvolvimento-color-engajamento {
  background-color: #fff2d4;
}
.my-perception__wifis--desenvolvimento-color-amabilidade {
  background-color: #ffd1d8;
}
.my-perception__wifis .my-perception__wifis--desenvolvimento-fila-1 > img:first-child {
  width: 5rem;
  border-radius: 100%;
  padding: 1rem;
  margin-bottom: 0.8rem;
}
@media (max-width: 599px) {
  .my-perception__wifis .my-perception__wifis--desenvolvimento-fila-1 > img:first-child {
    width: 2rem;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis .my-perception__wifis--desenvolvimento-fila-1 > img:first-child {
    width: 4rem;
    margin: 0rem auto 0rem;
  }
}
.my-perception__wifis--0 {
  width: 4rem !important;
}
@media (max-width: 599px) {
  .my-perception__wifis--0 {
    width: 2rem;
    margin: 0.4rem auto 1rem !important;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--0 {
    width: 4rem;
    margin: 0rem auto !important;
  }
}
.my-perception__wifis--desenvolvimento-fila-1 {
  padding: 0rem;
  text-align: center !important;
  position: relative;
  margin: 2rem 0.5rem 1rem;
  color: #808080;
  height: 7rem;
  font-size: 0.7rem;
  width: auto;
  vertical-align: text-top;
}
.my-perception__wifis--desenvolvimento-fila-1 p {
  font-size: 0.9rem;
  border-right: 0 !important;
  margin: auto;
  width: auto;
}
@media (max-width: 899px) {
  .my-perception__wifis--desenvolvimento-fila-1 p {
    font-size: 0.8rem;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin: 0rem auto 0;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis--desenvolvimento-fila-1 p {
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
  }
}
@media (max-width: 1199px) {
  .my-perception__wifis--desenvolvimento-fila-1 p {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    width: auto;
    margin: 0.5rem auto 0;
  }
}
@media (max-width: 1799px) {
  .my-perception__wifis--desenvolvimento-fila-1 p {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    height: 2.3rem;
    width: auto;
  }
}
@media (max-width: 2199px) {
  .my-perception__wifis--desenvolvimento-fila-1 {
    height: 80px;
    margin: 1.5rem 0.5rem 1rem;
    width: 10rem;
  }
}
@media (max-width: 1799px) {
  .my-perception__wifis--desenvolvimento-fila-1 {
    height: 100px;
    margin: 1.5rem 0.5rem 1rem;
    width: 11rem;
  }
}
@media (max-width: 1199px) {
  .my-perception__wifis--desenvolvimento-fila-1 {
    height: 100px;
    margin: 1.5rem 0.5rem 1rem;
    width: 9rem;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--desenvolvimento-fila-1 {
    height: 50px;
    margin: 1.5rem 0.7rem 1rem;
    width: 5rem;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis--desenvolvimento-fila-1 {
    height: 75px;
    margin: 1.5rem 0.5rem 1rem;
    width: 6rem;
  }
}
.my-perception__wifis--competencias {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (max-width: 599px) {
  .my-perception__wifis--competencias {
    display: ruby;
  }
  .my-perception__wifis--competencias :nth-child(5) {
    margin-right: 7rem;
  }
}
.my-perception__wifis--competencias div:nth-child(2) {
  margin-top: 1.5rem !important;
}
.my-perception__wifis--divisao {
  width: 17rem;
  border-radius: 3rem;
  height: auto;
  position: relative;
  padding: 1rem;
  color: #ffffff;
  margin: 2rem auto 1.5rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 899px) {
  .my-perception__wifis--divisao {
    border-right: 3px solid #ffffff;
    padding: 1rem;
    width: 12rem !important;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis--divisao {
    border: 0;
    width: 20rem !important;
    height: 5rem !important;
    margin-top: 1.5rem !important;
  }
}
.my-perception__wifis--divisao img {
  width: 35px;
}
@media (max-width: 599px) {
  .my-perception__wifis--divisao img {
    width: 45px;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--divisao img {
    width: 45px;
  }
}
.my-perception__wifis--divisao p {
  text-transform: none;
}
.my-perception__wifis--divisao p b {
  font-size: 1.75rem;
}
@media (max-width: 599px) {
  .my-perception__wifis--divisao p b {
    line-height: 0;
  }
}
.my-perception__wifis--titulo {
  display: -webkit-inline-box !important;
  height: 3rem;
}
@media (max-width: 1199px) {
  .my-perception__wifis--titulo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1rem;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--titulo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis--titulo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 3rem;
  }
}
.my-perception__wifis--titulo :nth-child(3) {
  width: 17rem !important;
}
.my-perception__wifis--data {
  text-align: center;
  width: 12rem;
}
.my-perception__wifis--data p {
  font-size: 1rem;
  width: 6.3rem;
  line-height: 7rem;
}
@media (max-width: 599px) {
  .my-perception__wifis--data p {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 0rem;
    margin-top: 3rem;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--data p {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 0rem;
    margin-top: 4rem;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis--data {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
  }
}
.my-perception__wifis span {
  position: absolute;
  z-index: 9999999999;
  right: -4rem;
}
.my-perception__wifis span .seta {
  cursor: pointer;
  margin: 4rem auto;
  width: 2rem !important;
}
@media (max-width: 599px) {
  .my-perception__wifis span .seta {
    margin: 3rem auto;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis span .seta {
    margin: 2rem auto !important;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis span {
    right: 1rem;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis--icone {
    margin: 1.5rem 0 0 0;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--icone {
    margin: 0.5rem 0 0 0;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis {
    display: -webkit-box;
    margin: 0;
    width: 100% !important;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis {
    margin-top: 0rem !important;
  }
}
@media (max-width: 1199px) {
  .my-perception__wifis {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.my-perception__wifis--play {
  width: 20%;
  margin-top: 0.8rem;
}
@media (max-width: 599px) {
  .my-perception__wifis--play {
    width: 35% !important;
    margin-bottom: 3rem;
    margin-top: 0.8rem !important;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--play {
    width: 40%;
    margin-top: 0rem;
  }
}
.my-perception__wifis--setas {
  width: 2rem !important;
  border: 0 !important;
  border-radius: 0% !important;
  padding: 0 !important;
  margin: 0 0rem 0 1rem !important;
}
@media (max-width: 1199px) {
  .my-perception__wifis--setas {
    width: auto !important;
  }
}
@media (max-width: 899px) {
  .my-perception__wifis--setas {
    margin: 0 0.5rem 0 0 !important;
  }
}
@media (max-width: 599px) {
  .my-perception__wifis--setas {
    width: auto !important;
  }
}
.my-perception__wifis--setas--first {
  margin: 0 !important;
}
@media (min-width: 1201px) {
  .my-perception__wifis {
    width: 95%;
  }
}

.wifis-mobile {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  background-color: hsl(198, 6%, 82%);
}
@media (max-width: 599px) {
  .wifis-mobile {
    margin: 1.5rem auto 0;
  }
}

.wifis-mobile-resultados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.v-desktop {
  display: block;
  margin-top: 3rem;
}
.v-desktop-realizados {
  margin-top: -1.5rem;
}

.v-mobile {
  display: none;
}
@media (max-width: 599px) {
  .v-mobile {
    display: block;
    margin-top: 9rem;
  }
}

.perception-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.perception-report > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.perception-report > *:nth-child(3n+1) {
  margin-left: 0;
}
.perception-report > *:nth-child(3n):not(:last-child) {
  margin-right: 0;
}
@media (min-width: 1201px) {
  .perception-report > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
  .perception-report > *:nth-child(3n+1) {
    margin-left: initial;
  }
  .perception-report > *:nth-child(3n):not(:last-child) {
    margin-right: initial;
  }
  .perception-report > *:nth-child(4n+1) {
    margin-left: 0;
  }
  .perception-report > *:nth-child(4n):not(:last-child) {
    margin-right: 0;
  }
}

.report-inst {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  font-family: "poppins", sans-serif;
}
.report-inst > * {
  padding: 1.5rem;
}
@media (min-width: 901px) {
  .report-inst > * {
    padding: 0rem !important;
  }
}
@media (max-width: 599px) {
  .report-inst > * {
    padding: 0rem !important;
  }
}
.report-inst__icone-aula {
  margin: 1rem !important;
}
.report-inst p {
  opacity: 0.8;
}
.report-inst p + p {
  margin-top: 1.5rem;
}
.report-inst__numeros {
  position: relative;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.report-inst__filter-selects .seletor-unidade__campo {
  width: 95%;
  margin: 0 auto;
}
.report-inst__filter-selects .seletor-unidade__input {
  height: 3.1rem;
  padding: 1rem 2.5rem 1rem 1rem !important;
  width: 100%;
  margin: 0;
}
.report-inst__filter-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  padding: 1rem;
  border-radius: 0px 20px;
}
@media (min-width: 1201px) {
  .report-inst__filter-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (max-width: 1199px) {
  .report-inst__filter-col {
    width: 28rem !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 599px) {
  .report-inst__filter-col {
    width: 100% !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .report-inst__filter-col > header {
    width: 100%;
  }
}
.report-inst__filter-col-acompanhamento {
  width: 26%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 1199px) {
  .report-inst__filter-col-acompanhamento {
    width: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 899px) {
  .report-inst__filter-col-acompanhamento {
    width: auto;
  }
}
@media (max-width: 599px) {
  .report-inst__filter-col-acompanhamento {
    width: 100%;
  }
}
.report-inst__axis-itens {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-inst__sugeridas {
  background-color: #fff;
  position: relative;
  display: inline-table;
  margin: 2rem auto auto 0rem;
  padding: 1rem;
  width: 100%;
  height: 1rem;
  border: 1px solid #f01;
  border-radius: 10px;
  color: #f01;
}
.report-inst__eixos {
  margin: auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-inst__box-prioridades {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fafafa;
}
.report-inst__box-prioridades--autorrelato {
  background-color: rgba(63, 165, 195, 0.0784313725);
  color: #3FA5C3;
}
.report-inst__box-prioridades--setorpublico {
  background-color: rgba(52, 60, 98, 0.062745098);
  color: #28346F;
}
.report-inst__box-prioridades--heterorrelato {
  background-color: rgba(132, 115, 158, 0.0784313725);
  color: #8771AB;
}
.report-inst__box-prioridades--icone {
  width: 4rem;
  height: 4rem;
  margin: 0.8rem;
  margin-top: 1.5rem;
}
.report-inst__box-prioridades--icone img {
  margin: 0 !important;
}
.report-inst__box-prioridades p {
  word-break: break-word;
  width: auto;
  padding: 1rem;
  line-height: 2rem;
}
@media (max-width: 599px) {
  .report-inst__box-prioridades {
    display: inline-block;
    text-align: -webkit-center;
    -webkit-box-pack: center;
    font-size: 1rem;
    position: relative;
  }
}
.report-inst__prioridades {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.report-inst__prioridades--alunos-avaliados {
  display: none;
}
@media (max-width: 599px) {
  .report-inst__prioridades--alunos-avaliados {
    display: block;
    color: #0a7aa6;
  }
  .report-inst__prioridades--alunos-avaliados span {
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }
}
.report-inst__prioridades--prioridade-1 {
  background-color: #06425a;
  height: auto;
  border-radius: 10px;
  width: 22rem;
  margin: 0.8rem auto;
  padding: 0.3rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.87rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.report-inst__prioridades--prioridade-1 .texto-tabela {
  color: white !important;
  font-weight: 500;
  line-height: 3rem;
  font-size: 1.4rem;
  margin-left: 0.3rem;
}
.report-inst__prioridades--prioridade-1 .celula-tabela {
  width: 3.6rem;
  height: 3.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3.6rem;
}
.report-inst__prioridades--prioridade-2 {
  background-color: #5e9ab2;
  height: auto;
  border-radius: 10px;
  width: 22rem;
  margin: 0.8rem auto;
  padding: 0.3rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.77rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.report-inst__prioridades--prioridade-2 .texto-tabela {
  color: white !important;
  font-weight: 500;
  line-height: 2rem;
  font-size: 1.1rem;
  margin-left: 0.3rem;
}
.report-inst__prioridades--prioridade-2 .celula-tabela {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.75rem;
}
.report-inst__prioridades--prioridade-3 {
  background-color: #c9f0ff;
  height: auto;
  border-radius: 10px;
  width: 22rem;
  margin: 0.8rem auto;
  padding: 0.3rem;
  color: #333333;
  font-weight: 700;
  font-size: 0.67rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.report-inst__prioridades--prioridade-3 .texto-tabela {
  color: black !important;
  font-weight: 500;
  line-height: 1.5rem;
  font-size: 1rem;
  margin-left: 0.3rem;
}
.report-inst__prioridades--prioridade-3 .celula-tabela {
  width: 2.2rem;
  height: 2.2rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 2.2rem;
}
.report-inst__prioridades--linha {
  width: 94%;
  height: 0.3rem;
  background-image: -webkit-gradient(linear, left top, right top, from(red), to(green));
  background-image: -o-linear-gradient(left, red, green);
  background-image: linear-gradient(to right, red, green);
  top: 2rem;
  margin-top: 1rem;
  /* position: absolute; */
  top: 1rem;
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (max-width: 1199px) {
  .report-inst__prioridades--linha {
    width: 80%;
  }
}
.report-inst__prioridades--medicao {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.report-inst__prioridades--medicao p {
  font-size: 1.3rem;
  display: inline-block;
  position: absolute;
  top: 9.5rem;
}
.report-inst__prioridades--medicao p:last-child {
  right: 3rem;
  font-size: 1.2rem;
}
.report-inst__prioridades--autorrelato p {
  color: #3FA5C3 !important;
}
.report-inst__prioridades--setorpublico p {
  color: #28346F !important;
}
.report-inst__prioridades--heterorrelato p {
  color: #8771AB !important;
}
.report-inst__prioridades p {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.report-inst__prioridades p span {
  font-size: 1rem;
}
.report-inst__prioridades--trios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -1.5rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.report-inst__prioridades--quadrante {
  min-width: 3.4rem;
  height: 3.4rem;
  position: relative;
  background-color: #9e9e9e;
  display: inline-block;
  border-radius: 5px;
  margin: 0rem 0.5rem;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 1.2rem 0rem;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.report-inst__prioridades--medicao-mobile {
  left: 2rem;
  font-size: 1.1rem;
  color: #3fa5c3;
  display: none;
}
@media (max-width: 599px) {
  .report-inst__prioridades--medicao-mobile {
    display: block !important;
  }
}
@media (max-width: 899px) {
  .report-inst__prioridades--medicao-mobile {
    display: none;
  }
}
@media (max-width: 1199px) {
  .report-inst__prioridades--medicao-mobile {
    display: none;
  }
}
.report-inst__content {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  width: 100% !important;
}
.report-inst__content > * {
  margin-bottom: 1rem;
  scroll-margin: 1.5rem;
}
@media (max-width: 1199px) {
  .report-inst__content {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .report-inst__content-acompanhamento {
    text-align: center;
    margin-top: 2rem !important;
  }
}
@media (max-width: 599px) {
  .report-inst__content-acompanhamento {
    text-align: center;
    margin-top: 1rem !important;
  }
}
.report-inst > img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 28rem;
}
.report-inst__title {
  font-size: 1.6rem;
  font-weight: 200;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 2.25rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .report-inst__title {
    font-size: 3rem;
  }
}
.report-inst__title {
  font-size: 1rem;
}
.report-inst__section-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 6rem;
}
.report-inst__section-header [class*=section-title] {
  margin-bottom: 0;
}
.report-inst__quadrante {
  width: 24.5%;
  background-color: #00a67a;
  display: inline-block;
  font-size: 0.7rem;
  color: #333;
  margin-top: 1rem;
  vertical-align: bottom;
  line-height: 0.75rem !important;
}
@media (max-width: 599px) {
  .report-inst__quadrante {
    width: 100% !important;
  }
}
@media (max-width: 599px) {
  .report-inst__quadrante--desabilitado {
    display: none;
  }
}
.report-inst__quadrante--apren-inter-baixo-baixo {
  background-color: #ffeff2;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 599px) {
  .report-inst__quadrante--apren-inter-baixo-baixo {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--apren-inter-alto-baixo {
  background-color: #f9f9f9;
}
@media (max-width: 599px) {
  .report-inst__quadrante--apren-inter-alto-baixo {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--apren-inter-baixo-alto {
  background-color: #f9f9f9;
}
@media (max-width: 599px) {
  .report-inst__quadrante--apren-inter-baixo-alto {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--apren-inter-alto-alto {
  border-radius: 0 10px 10px 0;
  background-color: #eaf9ff;
}
@media (max-width: 599px) {
  .report-inst__quadrante--apren-inter-alto-alto {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--mod {
  min-height: 4rem;
}
.report-inst__quadrante--mod span {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod span {
    width: 10rem;
    height: 9rem;
    text-align: end;
    margin-right: 7px;
  }
}
.report-inst__quadrante--mod .chart-values__value-perc {
  font-weight: 700;
  margin-top: 0.5rem;
  font-size: 1.6rem !important;
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod .chart-values__value-perc {
    height: 3rem !important;
  }
}
.report-inst__quadrante--mod .chart-values__perc {
  font-size: 1.5rem !important;
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod .chart-values__perc {
    font-size: 0.9rem !important;
    height: 3rem !important;
  }
}
.report-inst__quadrante--mod .chart-values__value-abs {
  font-size: 0.85rem;
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod .chart-values__value-abs {
    font-size: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-top: 13px;
    margin-left: 0px;
    height: 3rem !important;
  }
}
.report-inst__quadrante--mod .front__valores {
  margin-top: 0.5rem;
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod .front__valores {
    margin-top: 1.5rem;
    margin-left: 2rem;
  }
}
.report-inst__quadrante--mod-baixo-baixo {
  background-color: rgba(70, 160, 217, 0.3490196078);
  border-radius: 10px 0 0 10px;
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod-baixo-baixo {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--mod-alto-baixo {
  background-color: rgba(70, 160, 217, 0.5019607843);
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod-alto-baixo {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--mod-baixo-alto {
  background-color: rgba(70, 160, 217, 0.5019607843);
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod-baixo-alto {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--mod-alto-alto {
  border-radius: 0 10px 10px 0;
  background-color: #46a0d9;
}
@media (max-width: 599px) {
  .report-inst__quadrante--mod-alto-alto {
    border-radius: 0;
    background-color: white;
  }
}
.report-inst__quadrante--engajamento {
  color: #f5ba30;
  font-size: 0.9rem;
  line-height: 1.1rem;
}
.report-inst__quadrante--amabilidade {
  color: #e62542;
  font-size: 0.9rem;
  line-height: 1.1rem;
  margin-bottom: 1rem;
}
.report-inst__circumplexo {
  background-color: #fff;
  position: relative;
  display: inline-block;
  padding: 1rem;
  border-radius: 0px 20px;
  height: auto;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1799px) {
  .report-inst__circumplexo {
    height: auto !important;
  }
}
@media (max-width: 599px) {
  .report-inst__circumplexo {
    width: 100%;
  }
}
.report-inst__circumplexo--mod {
  height: auto;
}
@media (max-width: 1199px) {
  .report-inst__circumplexo--mod {
    padding: 1rem;
    height: 44rem;
  }
}
@media (max-width: 899px) {
  .report-inst__circumplexo--mod {
    padding: 1rem;
    height: 36rem;
  }
}
.report-inst__circumplexo--icone {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  vertical-align: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0rem 1rem 0 0;
}
@media (min-width: 601px) {
  .report-inst__circumplexo--icone {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    vertical-align: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 2rem 7rem 0;
  }
}
@media (max-width: 899px) {
  .report-inst__circumplexo--icone {
    display: inline-block;
    width: 2.5rem;
    height: 2.6rem;
    vertical-align: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0rem 0.5rem 0rem 0rem;
  }
}
@media (min-width: 901px) {
  .report-inst__circumplexo--icone {
    display: inline-block;
    width: 2.5rem;
    height: 2.6rem;
    vertical-align: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0rem 0.5rem 0rem 0rem;
  }
}
@media (max-width: 599px) {
  .report-inst__circumplexo--icone {
    display: none;
  }
}
.report-inst__circumplexo--box {
  border-radius: 15px;
  padding: 1rem;
  color: #000;
  margin-bottom: 5rem;
  width: auto;
  margin: auto;
  position: relative;
}
@media (max-width: 599px) {
  .report-inst__circumplexo--box {
    padding: 0rem;
  }
}
.report-inst__circumplexo--box.prioridades {
  height: auto;
}
@media (max-width: 599px) {
  .report-inst__circumplexo--box.prioridades {
    height: auto;
  }
}
.report-inst__circumplexo--box-int {
  background-color: #fff;
  border-radius: 15px;
  padding: 1rem;
  color: #000;
  margin-bottom: 5rem;
  width: 29rem;
  margin: 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 30rem;
  -ms-flex-line-pack: end;
  align-content: end;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1799px) {
  .report-inst__circumplexo--box-int {
    width: 23rem;
  }
}
.report-inst__circumplexo--abrir-resultado {
  width: 100%;
  text-align: center;
  font-weight: 600;
}
.report-inst__circumplexo--abrir-resultado p {
  color: white;
}
.report-inst__circumplexo--box-int-v {
  background-color: rgba(255, 255, 255, 0);
  min-width: 31rem;
  display: inline-block;
}
@media (max-width: 1799px) {
  .report-inst__circumplexo--box-int-v {
    min-width: 26rem;
  }
}
.report-inst__circumplexo--container {
  padding: 0;
}
.report-inst__circumplexo--container .row {
  padding: 1rem;
}
@media (max-width: 599px) {
  .report-inst__circumplexo--container .row {
    padding: 1rem 0rem 0rem 0rem;
    display: block;
  }
}
.report-inst__circumplexo--destaque {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  background-size: 61%;
  background-repeat: no-repeat;
  margin: 1rem 1rem 0;
}
.report-inst__circumplexo--detalhes-relatorio {
  position: relative;
  display: block;
  z-index: 9;
  width: 100%;
  padding: 1rem 0;
}
.report-inst__circumplexo--detalhes-relatorio .btn-detalhes {
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  display: block;
  text-align: center;
  margin: auto;
}
.report-inst__circumplexo--detalhes-relatorio--detalhes-sugeridas {
  position: relative;
  text-align: left;
}
.report-inst__circumplexo--detalhes-relatorio--detalhes-sugeridas a {
  font-weight: bold;
}
.report-inst__circumplexo--detalhes-relatorio--autorrelato button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7abccc), to(#3fa5c3));
  background-image: -o-linear-gradient(#7abccc, #3fa5c3);
  background-image: linear-gradient(#7abccc, #3fa5c3);
}
.report-inst__circumplexo--detalhes-relatorio--setorpublico button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#474e71), to(#28346f));
  background-image: -o-linear-gradient(#474e71, #28346f);
  background-image: linear-gradient(#474e71, #28346f);
}
.report-inst__circumplexo--detalhes-relatorio--heterorrelato button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9487a9), to(#8771ab));
  background-image: -o-linear-gradient(#9487a9, #8771ab);
  background-image: linear-gradient(#9487a9, #8771ab);
}
.report-inst__circumplexo--detalhes-relatorio button {
  border-radius: 10px;
  height: 2.8rem;
  width: 15rem;
  text-align: center;
}
.report-inst__circumplexo--detalhes-relatorio button p {
  font-size: 1.1rem;
}
@media (max-width: 599px) {
  .report-inst__circumplexo--detalhes-relatorio {
    display: none;
  }
}
.report-inst__circumplexo--valores {
  position: relative;
  bottom: 0;
  vertical-align: bottom;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin: auto;
}
.report-inst__circumplexo--valores-card {
  position: relative;
  min-height: 25rem;
}
.report-inst__circumplexo--cor-autogestao {
  color: #5fb34b;
}
.report-inst__circumplexo--cor-amabilidade {
  color: #e61e44;
}
.report-inst__circumplexo--cor-abertura {
  color: #765ba4;
}
.report-inst__circumplexo--cor-engajamento {
  color: #f5ba2f;
}
.report-inst__circumplexo--cor-modulacao {
  color: #4ea3da;
}
.report-inst__circumplexo--topo {
  text-align: left;
  margin-left: 0.8rem;
  margin-right: -0.7rem;
}
@media (max-width: 599px) {
  .report-inst__circumplexo--topo {
    text-align: center;
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
.report-inst__circumplexo--barrinha {
  border-right: 1px solid #808080;
}
@media (max-width: 899px) {
  .report-inst__circumplexo--barrinha {
    border: none;
  }
}
.report-inst__circumplexo--topo-graficos {
  text-align: left;
}
.report-inst__circumplexo--wifi {
  width: 5rem;
  height: 6rem;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  background-size: contain;
}
@media (min-width: 901px) {
  .report-inst__circumplexo--wifi {
    width: 5rem;
    height: 6rem;
  }
}
@media (max-width: 599px) {
  .report-inst__circumplexo--wifi {
    width: 11rem;
    height: 8rem;
    margin-bottom: 1rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -10%);
        -ms-transform: translate(-45%, -10%);
            transform: translate(-45%, -10%);
  }
}
.report-inst__circumplexo--wifi-detalhes {
  width: 100%;
  height: 3rem;
  background-size: 60%;
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.report-inst__circumplexo .autogestao {
  background-color: #5fb34b;
}
.report-inst__circumplexo .abertura {
  background-color: #765ba4;
}
.report-inst__circumplexo .engajamento {
  background-color: #f5ba2f;
}
.report-inst__circumplexo .amabilidade {
  background-color: #e61e44;
}
.report-inst__circumplexo .modulacao {
  background-color: #4ea3da;
}
.report-inst__circumplexo .bncc {
  background-color: #f9703e;
}
.report-inst__circumplexo .cent-1 {
  height: 10px;
}
.report-inst__circumplexo .cent-2 {
  height: 20px;
}
.report-inst__circumplexo .cent-3 {
  height: 30px;
}
.report-inst__circumplexo .cent-4 {
  height: 40px;
}
.report-inst__circumplexo .cent-5 {
  height: 50px;
}
.report-inst__circumplexo .cent-6 {
  height: 60px;
}
.report-inst__circumplexo .cent-7 {
  height: 70px;
}
.report-inst__circumplexo .cent-8 {
  height: 80px;
}
.report-inst__circumplexo .cent-9 {
  height: 90px;
}
.report-inst__circumplexo .cent-10 {
  height: 100px;
}
.report-inst__circumplexo .w-50 {
  width: 50%;
}
.report-inst__circumplexo .flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-inst__circumplexo--barra {
  width: 2rem;
  height: 0px;
  border-radius: 25px;
  margin: 0rem auto;
  display: inline-block;
  position: relative;
}
.report-inst__circumplexo .barras {
  display: -webkit-box;
  display: -ms-flexbox;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  height: 100%;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 13rem;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.report-inst__circumplexo--quadrante-legenda {
  border: 2px solid rgba(132, 132, 132, 0.4941176471);
  border-radius: 15px;
  margin: 3rem 2rem 4rem;
  padding: 3rem;
}
.report-inst__circumplexo--legenda span {
  margin: 5rem auto;
  width: 10%;
  vertical-align: top;
}
@media (min-width: 901px) {
  .report-inst__circumplexo--legenda span {
    margin: 3rem 1rem 0 0;
    width: 5%;
    vertical-align: top;
  }
}
.report-inst__circumplexo--legenda-texto {
  display: inline-block;
  font-size: 1rem;
  position: relative;
  width: 75%;
  margin: 2rem 1rem;
}
.report-inst__circumplexo--legenda-texto span {
  font-weight: bold;
}
@media (min-width: 901px) {
  .report-inst__circumplexo--legenda-texto {
    display: inline-block;
    font-size: 1rem;
    position: relative;
    width: 85%;
    margin: 2rem 0rem 0;
  }
}
.report-inst__circumplexo--titulo {
  display: inline-block;
  font-size: 2.3rem;
}
.report-inst__circumplexo--titulo--autorrelato {
  color: #3FA5C3;
}
.report-inst__circumplexo--titulo--setorpublico {
  color: #28346F;
}
.report-inst__circumplexo--titulo--heterorrelato {
  color: #8771AB;
}
@media (min-width: 901px) {
  .report-inst__circumplexo--titulo {
    display: inline-block;
    font-size: 2.3rem;
  }
}
@media (max-width: 599px) {
  .report-inst__circumplexo--titulo {
    font-size: 1.3rem;
  }
}
.report-inst__circumplexo--sub-titulo {
  display: inline-block;
  font-size: 2.3rem;
  line-height: 3rem;
}
.report-inst__circumplexo--sub-titulo--autorrelato {
  color: #3FA5C3;
}
.report-inst__circumplexo--sub-titulo--setorpublico {
  color: #28346F;
}
.report-inst__circumplexo--sub-titulo--heterorrelato {
  color: #8771AB;
}
@media (min-width: 901px) {
  .report-inst__circumplexo--sub-titulo {
    display: inline-block;
    font-size: 2.3rem;
  }
}
@media (max-width: 599px) {
  .report-inst__circumplexo--sub-titulo {
    font-size: 1.3rem;
  }
}
.report-inst__circumplexo--titulo-detalhes {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 1rem;
  font-weight: 600;
}
.report-inst__circumplexo--titulo-detalhes--autorrelato {
  color: #3FA5C3;
}
.report-inst__circumplexo--titulo-detalhes--setorpublico {
  color: #28346F;
}
.report-inst__circumplexo--titulo-detalhes--heterorrelato {
  color: #8771AB;
}
.report-inst__circumplexo--descricao {
  min-height: 5.5rem;
  text-align: left;
  color: #808080;
  font-size: 1.2rem;
  margin: 0rem 0.5rem;
}
.report-inst__circumplexo--descricao strong {
  font-weight: 600;
}
@media (max-width: 599px) {
  .report-inst__circumplexo--descricao {
    display: none;
  }
}
.report-inst__circumplexo--centered-format {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius: 0px 20px;
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  width: 100%;
}
.report-inst__coluna-filtros-novos-relatorios {
  max-width: 65%;
}
.report-inst__container-resumo-prioridades {
  border: solid 2px hsl(210, 15%, 96%);
  border-radius: 10px;
  padding: 1.5rem;
  font-size: 1.35rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.report-inst__container-resumo-prioridades > h3 {
  margin-bottom: 0.5rem;
}
.report-inst__container-resumo-prioridades > h3 > u:hover {
  cursor: pointer !important;
}
.report-inst__container-resumo-prioridades--blocos-sombra {
  -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.347);
          box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.347);
}
.report-inst__celula-tabela {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  margin: 0.5rem;
  line-height: 2.5rem;
  font-weight: bold;
  font-size: 1.3rem;
}
.report-inst__celula-tabela--prioridade-1 {
  width: 4rem;
  height: 4rem;
  vertical-align: bottom;
  margin: 0.3rem;
  padding: 1rem 0;
  font-size: 1.7rem;
}
.report-inst__celula-tabela--prioridade-1 p {
  line-height: 4rem;
  font-size: 2rem;
}
.report-inst__celula-tabela--prioridade-2 {
  width: 3.25rem;
  height: 3.25rem;
  vertical-align: bottom;
  margin: 0.3rem;
  padding: 0.6rem 0;
  font-size: 1.3rem;
}
.report-inst__celula-tabela--prioridade-2 p {
  line-height: 3rem;
  font-size: 1.5rem;
}
.report-inst__celula-tabela--prioridade-3 {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.3rem;
  padding: 0.2rem 0;
  font-size: 1rem;
}
.report-inst__celula-tabela--prioridade-3 p {
  line-height: 2rem;
  font-size: 1rem;
}
.report-inst__celula-tabela--destacado {
  color: #fff;
}
.report-inst__celula-tabela--autogestao {
  background-color: #5fb34b !important;
}
.report-inst__celula-tabela--abertura {
  background-color: #765ba4 !important;
}
.report-inst__celula-tabela--engajamento {
  background-color: #f5ba2f !important;
}
.report-inst__celula-tabela--amabilidade {
  background-color: #e61e44 !important;
}
.report-inst__celula-tabela--modulacao {
  background-color: #4ea3da !important;
}
.report-inst__celula-tabela--desabilitado {
  height: 3rem;
  background-color: #afafaf;
  width: 3rem;
  font-size: 2rem;
  line-height: 1.5;
  margin-right: 1rem;
}
.report-inst__celula-tabela--destacado {
  -webkit-box-shadow: rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px;
          box-shadow: rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px, rgba(255, 255, 255, 0.5019607843) 0px 1px 5px;
}
.report-inst__section-title {
  font-size: 1.9rem;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .report-inst__section-title {
    font-size: 1.9rem;
  }
}
@media (min-width: 901px) {
  .report-inst__section-title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1201px) {
  .report-inst__section-title {
    font-size: 2.5rem;
  }
}
.report-inst__section-title {
  margin-bottom: 3rem;
}
.report-inst__section-subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .report-inst__section-subtitle {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .report-inst__section-subtitle {
    font-size: 2.25rem;
  }
}
.report-inst__section-subtitle {
  position: relative;
}
.report-inst__section-subtitle::before {
  border-color: transparent transparent transparent currentColor;
  border-style: solid;
  border-width: 0.5rem;
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.report-inst__section-subtitle {
  margin-top: 5rem;
  margin-bottom: 0.5em;
  margin-left: -0.25rem;
  width: 100%;
}
[class*=management] .report-inst__section-subtitle::before {
  color: #5FB44D;
}
[class*=engagement] .report-inst__section-subtitle::before {
  color: #F5BA2D;
}
[class*=kindness] .report-inst__section-subtitle::before {
  color: #E61646;
}
[class*=resilience] .report-inst__section-subtitle::before {
  color: #44A0D9;
}
[class*=openness] .report-inst__section-subtitle::before {
  color: #765BA4;
}
.report-inst__nav {
  padding: 1rem 0.55rem;
  z-index: 99;
  width: 95%;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  margin: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.04) 15px 15px 30px 0px, rgba(0, 0, 0, 0.04) -15px -15px 30px 0px;
          box-shadow: rgba(0, 0, 0, 0.04) 15px 15px 30px 0px, rgba(0, 0, 0, 0.04) -15px -15px 30px 0px;
}
@media (min-width: 901px) {
  .report-inst__nav {
    top: -54px;
  }
}
.report-inst__nav-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.report-inst__nav-list span {
  margin: auto 1rem;
}
@media (min-width: 901px) {
  .report-inst__nav-list span {
    margin: 0;
  }
}
@media (min-width: 901px) {
  .report-inst__nav-list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.report-inst__nav-item {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  position: relative;
}
@media (min-width: 901px) {
  .report-inst__nav-item {
    margin: 0 1rem;
  }
}
.report-inst__nav-item--is-active::after {
  background-color: #1A2E3D;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
.report-inst__nav-item--submenu {
  margin: 0 1.5rem;
}
.report-inst__nav-item a {
  color: #000;
}
.report-inst__nav-item-submenu {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  position: relative;
}
@media (min-width: 901px) {
  .report-inst__nav-item-submenu {
    margin-right: 1.5rem;
    text-align: center;
    width: 100%;
  }
}
.report-inst__nav-item-submenu--is-active::after {
  background-color: #1A2E3D;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
.report-inst__nav-item-submenu a {
  color: #000;
}
.report-inst__submenu {
  background-color: hsl(210, 15%, 8%);
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  left: -1.5rem;
  opacity: 0;
  padding: 1rem 0.5rem;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(0.25rem);
      -ms-transform: translateY(0.25rem);
          transform: translateY(0.25rem);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  visibility: hidden;
  z-index: 9999;
}
.report-inst__submenu li {
  margin-bottom: 0;
  margin-right: 0;
}
.report-inst__submenu a:hover {
  background-color: hsl(210, 24%, 14%);
}
.report-inst__submenu-trigger:hover [class*=__submenu] {
  opacity: 1;
  visibility: visible;
}
.report-inst__filter-toggle {
  display: inline-block;
  position: absolute;
  right: 1rem;
  top: 7rem;
}
@media (min-width: 601px) {
  .report-inst__filter-toggle button {
    display: none;
  }
}
@media (max-width: 599px) {
  .report-inst__filter-toggle button {
    display: none;
  }
}
.report-inst__domains-list {
  margin-top: 2.25rem;
}
.report-inst__competences-list {
  padding: 1em;
}
.report-inst__competences-list > li {
  font-size: 0.85em;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
.report-inst__competences-list > li:last-child {
  margin-bottom: 0;
}
.report-inst__competence-description {
  font-weight: lighter;
  padding: 0.25em 0 0 0;
}
.report-inst__domain-section {
  scroll-margin: 7.5rem;
}
.report-inst__domain-header {
  margin-bottom: 3.75rem;
  padding: 3.75rem;
}
.report-inst__domain-header--interaction {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-blend-mode: overlay;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 901px) {
  .report-inst__domain-header--interaction {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.report-inst__domain-header--interaction > span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: hsl(210, 15%, 96%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 20%;
          flex: 1 0 20%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.5rem 0;
  text-align: center;
}
.report-inst__domain-header--interaction > span:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 36px;
  margin: 1rem;
  width: 36px;
}
@media (min-width: 901px) {
  .report-inst__domain-header--interaction > span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 1.5rem;
  }
}
.report-inst__domain-header--interaction svg {
  margin-bottom: 1rem;
  margin-right: 0;
}
.report-inst__based-results {
  line-height: 1.5;
  margin: 3rem 8rem 3rem 1.5rem;
}
.report-inst__based-results > * {
  line-height: inherit;
}
.report-inst__based-results > *:not(:last-of-type) {
  margin-bottom: 2.25rem;
}
.report-inst__based-results > *::before {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 1.25em;
  margin-left: -1.5em;
  margin-right: 0.5em;
}
@media (min-width: 901px) {
  .report-inst__filter {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1201px) {
  .report-inst__filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.report-inst__filter > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.report-inst__filter > *:not(:last-child) {
  margin-right: 6rem;
}
.report-inst__filter-selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 2rem;
}
.report-inst__filter-selects > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.report-inst__filter-selects > *:not(:last-child) {
  margin-bottom: 2.25rem;
}
.report-inst__filter-selects--campos {
  background-color: #fff;
  height: 3.25rem;
}
@media (max-width: 899px) {
  .report-inst__filter-selects {
    display: block;
  }
}
@media (max-width: 599px) {
  .report-inst__filter-selects {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: relative;
    top: 2rem;
  }
}
.report-inst__filter-dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.report-inst__filter-dates > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
}
.report-inst__results {
  display: block;
  font-size: 0.45em;
  font-weight: 400;
  letter-spacing: initial;
  margin-left: 0.25rem;
  opacity: 0.75;
}
.report-inst__bar-chart {
  margin-left: 4rem;
  margin-top: 1rem !important;
}
.report-inst__bar-chart, .report-inst__quadrant-chart {
  margin-top: 0.75rem;
}
@media (max-width: 599px) {
  .report-inst__bar-chart, .report-inst__quadrant-chart {
    margin: 2rem auto;
  }
}
@media (min-width: 901px) {
  .report-inst__bar-chart, .report-inst__quadrant-chart {
    margin: auto;
  }
}
@media (max-width: 1199px) {
  .report-inst__bar-chart, .report-inst__quadrant-chart {
    margin: auto;
  }
}
@media (max-width: 1799px) {
  .report-inst__bar-chart, .report-inst__quadrant-chart {
    margin: auto;
  }
}
.report-inst__bncc {
  padding: 4rem;
  color: #000;
  height: auto;
}
.report-inst__sugestoes {
  display: inline-table;
}
.report-inst__pai {
  height: auto;
}
.report-inst__painel-mobile, .report-inst__painel {
  border-radius: 0px 40px;
  background: #fff;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  color: #000;
  padding: 1rem 2rem 2rem 2rem;
  letter-spacing: 1px;
  height: auto;
  margin-bottom: 3rem;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile, .report-inst__painel {
    display: block;
  }
}
.report-inst__painel-mobile--video, .report-inst__painel--video {
  margin-top: 2rem;
  margin-right: 1rem;
}
.report-inst__painel-mobile--video-heterorrelato, .report-inst__painel--video-heterorrelato {
  padding: 56.25% 0 0 0;
  position: relative;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--video-heterorrelato, .report-inst__painel--video-heterorrelato {
    padding: 0;
    position: relative;
  }
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--video-heterorrelato iframe, .report-inst__painel--video-heterorrelato iframe {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    right: 7px;
    bottom: 10px;
    margin-bottom: 2rem;
  }
}
.report-inst__painel-mobile--familia, .report-inst__painel--familia {
  width: 100%;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--familia, .report-inst__painel--familia {
    width: 70%;
    text-align: center;
    margin: auto;
  }
}
@media (max-width: 899px) {
  .report-inst__painel-mobile--familia, .report-inst__painel--familia {
    width: 70%;
    text-align: center;
    margin: 1rem auto;
  }
}
.report-inst__painel-mobile--familia--imagem-centro, .report-inst__painel--familia--imagem-centro {
  margin-top: 4rem;
}
.report-inst__painel-mobile--titulo, .report-inst__painel--titulo {
  color: #8771ab;
  font-size: 2rem;
  font-weight: 500;
  word-wrap: break-word;
  margin: 1rem auto 0;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--titulo, .report-inst__painel--titulo {
    font-size: 1rem;
  }
}
.report-inst__painel-mobile--titulo strong, .report-inst__painel--titulo strong {
  color: #8771ab;
  font-size: 2rem;
  font-weight: 700;
  word-wrap: break-word;
}
.report-inst__painel-mobile--competencias, .report-inst__painel--competencias {
  border: 1px solid #8771ab;
  border-radius: 10px;
  padding: 1rem;
  width: 100%;
  text-align: center;
  margin: 2rem 0rem;
  min-height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--competencias, .report-inst__painel--competencias {
    width: auto !important;
    text-align: center;
    margin: 1rem !important;
    position: relative;
    display: inline-block;
  }
}
@media (max-width: 899px) {
  .report-inst__painel-mobile--competencias, .report-inst__painel--competencias {
    width: 23rem;
    text-align: center;
    margin: 1rem auto;
  }
}
@media (min-width: 1201px) {
  .report-inst__painel-mobile--competencias, .report-inst__painel--competencias {
    width: auto;
  }
}
@media (max-width: 1199px) {
  .report-inst__painel-mobile--competencias, .report-inst__painel--competencias {
    width: auto;
    min-height: auto;
  }
}
.report-inst__painel-mobile--competencias h1, .report-inst__painel--competencias h1 {
  color: #8771ab;
  font-size: 1.5rem;
  font-weight: 600;
  word-wrap: break-word;
}
.report-inst__painel-mobile--competencias p, .report-inst__painel--competencias p {
  color: #8771ab;
  font-size: 0.75rem;
  font-weight: normal;
  word-wrap: break-word;
  margin: 1rem auto;
}
@media (min-width: 901px) {
  .report-inst__painel-mobile--competencias p, .report-inst__painel--competencias p {
    margin: 0.8rem auto;
  }
}
.report-inst__painel-mobile--competencias-home, .report-inst__painel--competencias-home {
  border: none;
  width: auto;
}
.report-inst__painel-mobile--competencias-home--desabilitado, .report-inst__painel--competencias-home--desabilitado {
  background-color: #00a67a;
  width: 100%;
}
.report-inst__painel-mobile--competencias-home--progresso, .report-inst__painel--competencias-home--progresso {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--competencias-home--progresso, .report-inst__painel--competencias-home--progresso {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
.report-inst__painel-mobile--competencias-home--progresso span, .report-inst__painel--competencias-home--progresso span {
  margin: 0 0.5rem;
}
.report-inst__painel-mobile--competencias-home--progresso span img, .report-inst__painel--competencias-home--progresso span img {
  width: 17%;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--competencias-home--progresso span, .report-inst__painel--competencias-home--progresso span {
    margin: 0 0.35rem;
  }
}
.report-inst__painel-mobile--competencias-home--progresso .progressBar, .report-inst__painel--competencias-home--progresso .progressBar {
  margin: 2rem 0 0;
  position: relative;
  text-align: left;
  width: 73%;
  display: inline-block;
}
@media (max-width: 1799px) {
  .report-inst__painel-mobile--competencias-home--progresso .progressBar, .report-inst__painel--competencias-home--progresso .progressBar {
    width: 55%;
  }
}
@media (max-width: 2199px) {
  .report-inst__painel-mobile--competencias-home--progresso .progressBar, .report-inst__painel--competencias-home--progresso .progressBar {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .report-inst__painel-mobile--competencias-home--progresso .progressBar, .report-inst__painel--competencias-home--progresso .progressBar {
    width: 78%;
  }
}
@media (max-width: 899px) {
  .report-inst__painel-mobile--competencias-home--progresso .progressBar, .report-inst__painel--competencias-home--progresso .progressBar {
    width: 70%;
  }
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--competencias-home--progresso .progressBar, .report-inst__painel--competencias-home--progresso .progressBar {
    width: 50%;
  }
}
.report-inst__painel-mobile--competencias-home--progresso .progressBar h4, .report-inst__painel--competencias-home--progresso .progressBar h4 {
  font-size: 12px;
  text-transform: none;
  margin-bottom: 7px;
  margin: 1rem 0.5rem 0.33rem 0.5rem;
  color: #808080;
  font-weight: 500;
  margin-top: 0.5rem;
  text-align: right;
}
.report-inst__painel-mobile--competencias-home--progresso .progressBarValue, .report-inst__painel--competencias-home--progresso .progressBarValue {
  height: 10px;
  border-radius: 0.3em;
}
.report-inst__painel-mobile--competencias-home--progresso .progressBarcontainer-autogestao, .report-inst__painel--competencias-home--progresso .progressBarcontainer-autogestao {
  width: 100%;
  height: 10px;
  background: #d9e3c1;
  border-radius: 0.3em;
}
.report-inst__painel-mobile--competencias-home--progresso .autogestao, .report-inst__painel--competencias-home--progresso .autogestao {
  background: #8ab925;
  /* Old browsers */
}
.report-inst__painel-mobile--competencias-home--progresso .progressBarcontainer-abertura, .report-inst__painel--competencias-home--progresso .progressBarcontainer-abertura {
  width: 100%;
  height: 10px;
  background: #b7afc4;
  border-radius: 0.3em;
}
.report-inst__painel-mobile--competencias-home--progresso .abertura, .report-inst__painel--competencias-home--progresso .abertura {
  background: #765aa3;
  /* Old browsers */
}
.report-inst__painel-mobile--competencias-home--progresso .progressBarcontainer-modulacao, .report-inst__painel--competencias-home--progresso .progressBarcontainer-modulacao {
  width: 100%;
  height: 10px;
  background: #b4cbd1;
  border-radius: 0.3em;
}
.report-inst__painel-mobile--competencias-home--progresso .modulacao, .report-inst__painel--competencias-home--progresso .modulacao {
  background: #3fa5c3;
  /* Old browsers */
}
.report-inst__painel-mobile--competencias-home--progresso .progressBarcontainer-engajamento, .report-inst__painel--competencias-home--progresso .progressBarcontainer-engajamento {
  width: 100%;
  height: 10px;
  background: #f5ebdc;
  border-radius: 0.3em;
}
.report-inst__painel-mobile--competencias-home--progresso .engajamento, .report-inst__painel--competencias-home--progresso .engajamento {
  background: #f5ba2e;
  /* Old browsers */
}
.report-inst__painel-mobile--competencias-home--progresso .progressBarcontainer-amabilidade, .report-inst__painel--competencias-home--progresso .progressBarcontainer-amabilidade {
  width: 100%;
  height: 10px;
  background: #eb889f;
  border-radius: 0.3em;
}
.report-inst__painel-mobile--competencias-home--progresso .amabilidade, .report-inst__painel--competencias-home--progresso .amabilidade {
  background: #e61d47;
  /* Old browsers */
}
.report-inst__painel-mobile--competencias-home--progresso .speech-bubble, .report-inst__painel--competencias-home--progresso .speech-bubble {
  font-size: 0.75em;
  line-height: 2em;
  position: absolute;
  top: -2.6em;
  text-align: center;
  min-width: 3em;
  border-radius: 0.3em;
  color: white;
}
.report-inst__painel-mobile--competencias-home--progresso .speech-bubble:after, .report-inst__painel--competencias-home--progresso .speech-bubble:after {
  border: 0.5em solid transparent;
  content: "";
  margin-left: -0.5em;
  position: absolute;
  bottom: -45%;
  left: 50%;
}
.report-inst__painel-mobile--competencias-home--progresso .html, .report-inst__painel--competencias-home--progresso .html {
  background: #8771ab;
  padding: 0rem;
}
.report-inst__painel-mobile--competencias-home--progresso .html:after, .report-inst__painel--competencias-home--progresso .html:after {
  border-top-color: #a487b2;
}
.report-inst__painel-mobile--competencias-home--progresso button, .report-inst__painel--competencias-home--progresso button {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  padding: 0.8rem 2rem;
  margin: 1rem 0 0 2rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  line-height: 1rem;
  display: inline-block;
  width: 13rem;
  text-align: center;
}
.report-inst__painel-mobile--competencias-home--progresso button:hover, .report-inst__painel--competencias-home--progresso button:hover {
  background-color: #ae96c9;
}
@media (max-width: 1199px) {
  .report-inst__painel-mobile--competencias-home--progresso button, .report-inst__painel--competencias-home--progresso button {
    margin-left: 2rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--competencias-home--progresso button, .report-inst__painel--competencias-home--progresso button {
    position: relative;
    display: block;
    width: 46%;
    height: 3rem;
    margin: 1.5rem 0rem 0rem;
    padding: 0.8rem 1rem;
  }
}
.report-inst__painel-mobile--competencias-home p, .report-inst__painel--competencias-home p {
  font-weight: 400;
  color: #808080 !important;
  text-align: left;
  font-size: 0.87rem;
  margin: 1rem auto;
  margin: 1rem 1rem 1rem 0;
  width: 95%;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--competencias-home p, .report-inst__painel--competencias-home p {
    margin: 2rem 0 1rem;
    width: 100%;
    text-align: justify;
    font-size: 1.15rem !important;
  }
}
@media (max-width: 1199px) {
  .report-inst__painel-mobile--competencias-home, .report-inst__painel--competencias-home {
    width: 45vw;
  }
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--competencias-home, .report-inst__painel--competencias-home {
    width: 100% !important;
  }
}
.report-inst__painel-mobile--card-icone-titulo, .report-inst__painel--card-icone-titulo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1199px) {
  .report-inst__painel-mobile--card-icone-titulo, .report-inst__painel--card-icone-titulo {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
@media (max-width: 899px) {
  .report-inst__painel-mobile--card-icone-titulo, .report-inst__painel--card-icone-titulo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--card-icone-titulo, .report-inst__painel--card-icone-titulo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 1199px) {
  .report-inst__painel-mobile--card-titulo, .report-inst__painel--card-titulo {
    width: 75%;
    text-align: start;
    font-size: 1.4rem !important;
    margin: 1.2rem 0rem 0rem 0.75rem;
  }
}
@media (max-width: 899px) {
  .report-inst__painel-mobile--card-titulo, .report-inst__painel--card-titulo {
    margin: 1.2rem 0rem 0rem 0.75rem;
    text-align: center;
    width: auto;
  }
}
@media (max-width: 599px) {
  .report-inst__painel-mobile--card-titulo, .report-inst__painel--card-titulo {
    font-size: 1.3rem !important;
    font-weight: 600;
    width: auto;
  }
  .report-inst__painel-mobile--card-titulo--engajamento, .report-inst__painel--card-titulo--engajamento {
    width: 71%;
    margin: 0.7rem 0rem 0rem 0.75rem;
  }
}
.report-inst__painel-mobile .progressBar, .report-inst__painel .progressBar {
  margin: 3rem 0 0;
  position: relative;
  text-align: left;
}
@media (min-width: 901px) {
  .report-inst__painel-mobile .progressBar, .report-inst__painel .progressBar {
    margin: 1rem 0 0;
  }
}
.report-inst__painel-mobile .progressBar h4, .report-inst__painel .progressBar h4 {
  font-size: 12px;
  text-transform: none;
  margin-bottom: 7px;
  margin: 1rem 0 0.33rem 0.5rem;
  color: #8771ab;
  font-weight: 500;
  margin-top: 0.5rem;
}
.report-inst__painel-mobile .progressBarcontainer, .report-inst__painel .progressBarcontainer {
  width: 100%;
  height: 1.5rem;
  background: #e1e1e1 !important;
  overflow: hidden;
  border-radius: 0.3em;
  padding: 0.4rem;
}
.report-inst__painel-mobile .progressBarValue, .report-inst__painel .progressBarValue {
  height: 10px;
  border-radius: 0.3em;
  background: #8771ab;
  /* Old browsers */
}
.report-inst__painel-mobile .speech-bubble, .report-inst__painel .speech-bubble {
  font-size: 0.75em;
  line-height: 2em;
  position: absolute;
  top: -2.6em;
  text-align: center;
  min-width: 3em;
  border-radius: 0.3em;
  color: white;
}
.report-inst__painel-mobile .speech-bubble:after, .report-inst__painel .speech-bubble:after {
  border: 0.5em solid transparent;
  content: "";
  margin-left: -0.5em;
  position: absolute;
  bottom: -45%;
  left: 50%;
}
.report-inst__painel-mobile .html, .report-inst__painel .html {
  background: #8771ab;
  padding: 0rem;
}
.report-inst__painel-mobile .html:after, .report-inst__painel .html:after {
  border-top-color: #a487b2;
}
.report-inst__painel-mobile button, .report-inst__painel button {
  background-color: #8771ab;
  padding: 1rem 3rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  line-height: 1rem;
}
.report-inst__painel-mobile button:hover, .report-inst__painel button:hover {
  background-color: #ae96c9;
}
@media (max-width: 599px) {
  .report-inst__painel-mobile button, .report-inst__painel button {
    margin: auto !important;
    text-align: center;
    position: relative;
    display: block;
    width: 91%;
  }
}
@media (max-width: 899px) {
  .report-inst__painel-mobile button, .report-inst__painel button {
    text-align: center;
    margin: auto;
    margin-left: 25rem;
  }
}
.report-inst__competencias {
  width: 100%;
  border: none;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  .report-inst__competencias {
    padding: 1rem 1.5rem;
  }
}
.report-inst__painel {
  background-color: #f3f0f8;
  border-radius: 1rem;
  color: #000;
  padding: 1rem 2rem 2rem 2rem;
  letter-spacing: 1px;
  display: none;
}
@media (max-width: 599px) {
  .report-inst__painel {
    display: none;
  }
}
@media (max-width: 899px) {
  .report-inst__painel {
    display: none;
  }
}
.report-inst__painel--video {
  margin-top: 2rem;
  margin-right: 1rem;
}
@media (max-width: 599px) {
  .report-inst__painel--video {
    margin-right: 0rem;
  }
}
.report-inst__painel--video-heterorrelato {
  padding: 56.25% 0 0 0;
  position: relative;
}
@media (max-width: 599px) {
  .report-inst__painel--video-heterorrelato {
    padding: 0;
    position: relative;
  }
}
@media (max-width: 599px) {
  .report-inst__painel--video-heterorrelato iframe {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    right: 7px;
    bottom: 10px;
    margin-bottom: 1rem;
  }
}
.report-inst__painel--familia {
  width: 100%;
}
@media (max-width: 599px) {
  .report-inst__painel--familia {
    width: 70%;
    text-align: center;
    margin: auto;
    display: none;
  }
}
@media (max-width: 899px) {
  .report-inst__painel--familia {
    width: 70%;
    text-align: center;
    margin: 1rem auto;
  }
}
.report-inst__painel--familia--imagem-centro {
  margin-top: 4rem;
}
.report-inst__painel--titulo {
  color: #947cb0;
  font-size: 2rem;
  word-wrap: break-word;
  margin: 1rem auto 0;
  font-weight: 500;
}
@media (max-width: 599px) {
  .report-inst__painel--titulo {
    font-size: 1.2rem;
  }
}
.report-inst__painel--titulo strong {
  color: #947cb0;
  font-size: 2rem;
  font-weight: 700;
  word-wrap: break-word;
}
@media (max-width: 599px) {
  .report-inst__painel--titulo strong {
    font-size: 1.5rem;
  }
}
.report-inst__painel--competencias {
  border: 1px solid #947cb0;
  border-radius: 10px;
  padding: 1rem;
  width: 100%;
  text-align: center;
  margin: 2rem 0rem;
  min-height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 599px) {
  .report-inst__painel--competencias {
    width: auto !important;
    text-align: center;
    margin: 1rem !important;
    position: relative;
    display: inline-block;
  }
}
@media (max-width: 899px) {
  .report-inst__painel--competencias {
    width: 23rem;
    text-align: center;
    margin: 1rem auto;
  }
}
@media (min-width: 1201px) {
  .report-inst__painel--competencias {
    width: auto;
  }
}
@media (max-width: 1199px) {
  .report-inst__painel--competencias {
    width: auto;
    min-height: auto;
  }
}
.report-inst__painel--competencias h1 {
  color: #947cb0;
  font-size: 1.5rem;
  font-weight: 600;
  word-wrap: break-word;
}
.report-inst__painel--competencias p {
  color: #947cb0;
  font-size: 0.75rem;
  font-weight: normal;
  word-wrap: break-word;
  margin: 1rem auto;
}
@media (min-width: 901px) {
  .report-inst__painel--competencias p {
    margin: 0.8rem auto;
  }
}
.report-inst__painel--competencias-icones {
  width: 17rem;
  margin: auto;
  text-align: center;
}
.report-inst__painel--competencias-icones.interpessoal, .report-inst__painel--competencias-icones.central {
  width: 15rem;
}
@media (max-width: 599px) {
  .report-inst__painel--competencias-icones.interpessoal, .report-inst__painel--competencias-icones.central {
    width: 15rem;
  }
}
@media (min-width: 901px) {
  .report-inst__painel--competencias-icones.interpessoal, .report-inst__painel--competencias-icones.central {
    width: auto;
    height: 7rem;
    width: 15rem;
  }
}
@media (max-width: 899px) {
  .report-inst__painel--competencias-icones {
    width: auto;
  }
}
.report-inst__painel--competencias-icones-home {
  text-align: left;
}
@media (max-width: 899px) {
  .report-inst__painel--competencias-icones-home {
    text-align: center;
  }
}
@media (max-width: 599px) {
  .report-inst__painel--competencias-icones-home {
    text-align: left;
  }
}
.report-inst__painel--celula-tabela {
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3411764706);
  border-radius: 5px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3411764706);
  color: #fff;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 800;
  height: 48px;
  line-height: 2.5rem;
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  vertical-align: middle;
  width: 48px;
}
.report-inst__painel--celula-tabela.desativado {
  opacity: 0.5;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}
.report-inst__painel--celula-tabela:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.report-inst__painel--celula-tabela-home {
  -webkit-box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.3) inset, 2px 1px 3px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.3) inset, 2px 1px 3px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.report-inst__painel .progressBar {
  margin: 3rem 0 0;
  position: relative;
  text-align: left;
}
@media (min-width: 901px) {
  .report-inst__painel .progressBar {
    margin: 2rem 0 0;
  }
}
.report-inst__painel .progressBar h4 {
  font-size: 12px;
  text-transform: none;
  margin-bottom: 7px;
  margin: 1rem 0 0.33rem 0.5rem;
  color: #947cb0;
  font-weight: 500;
  margin-top: 0.5rem;
}
.report-inst__painel .progressBarcontainer {
  width: 100%;
  height: 1.5rem;
  background: #e1e1e1 !important;
  overflow: hidden;
  border-radius: 0.3em;
  padding: 0.4rem;
}
.report-inst__painel .progressBarValue {
  height: 10px;
  border-radius: 0.3em;
  background: #947cb0;
  /* Old browsers */
}
.report-inst__painel .speech-bubble {
  font-size: 0.75em;
  line-height: 2em;
  position: absolute;
  top: -2.6em;
  text-align: center;
  min-width: 3em;
  border-radius: 0.3em;
  color: white;
}
.report-inst__painel .speech-bubble:after {
  border: 0.5em solid transparent;
  content: "";
  margin-left: -0.5em;
  position: absolute;
  bottom: -45%;
  left: 50%;
}
.report-inst__painel .html {
  background: #947cb0;
  padding: 0rem;
}
.report-inst__painel .html:after {
  border-top-color: #a487b2;
}
.report-inst__painel button {
  background-color: #947cb0;
  padding: 1rem 3rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  word-wrap: break-word;
  border-radius: 10px;
  line-height: 1rem;
}
.report-inst__painel button:hover {
  background-color: #ae96c9;
}
@media (max-width: 599px) {
  .report-inst__painel button {
    margin: auto !important;
    text-align: center;
    position: relative;
    display: block;
  }
}
@media (max-width: 899px) {
  .report-inst__painel button {
    text-align: center;
    margin: auto;
    margin-left: 25rem;
  }
}
.report-inst__heterorrelato-comp--bloco {
  border-radius: 0 40px;
  background: #fff;
  -webkit-box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.04), -15px -15px 30px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.04), -15px -15px 30px 0 rgba(0, 0, 0, 0.04);
  color: #000;
  padding: 1rem 2rem 2rem;
  letter-spacing: 1px;
  height: auto;
  width: 46%;
  display: inline-block;
  margin: 1rem;
  position: relative;
  min-height: 21rem;
  text-align: left;
}
@media (max-width: 899px) {
  .report-inst__heterorrelato-comp--bloco {
    width: 45%;
    min-height: 21rem !important;
  }
}
@media (max-width: 1199px) {
  .report-inst__heterorrelato-comp--bloco {
    width: 45%;
    min-height: 25rem;
  }
}
@media (max-width: 599px) {
  .report-inst__heterorrelato-comp--bloco {
    width: 95%;
    min-height: 26rem !important;
  }
}
.report-inst__heterorrelato-comp--bloco:nth-child(2) {
  margin-top: 0rem;
}
.report-inst__heterorrelato-comp--prof {
  color: #808080;
  font-size: 1rem;
  font-weight: 400;
  word-wrap: break-word;
}
.report-inst__heterorrelato-comp--ano {
  color: #808080;
  font-size: 0.8rem;
  font-weight: 400;
  word-wrap: break-word;
  margin-top: 0.5rem !important;
  margin-bottom: 1rem;
}
.report-inst__heterorrelato-comp--total {
  color: #765aa3;
  font-size: 0.9rem;
  font-weight: 300;
  word-wrap: break-word;
  text-align: right;
  position: absolute;
  right: 4rem;
  bottom: 3rem;
}
@media (max-width: 599px) {
  .report-inst__heterorrelato-comp--total {
    right: 1rem;
    bottom: 2rem;
  }
}
.report-inst__heterorrelato-comp--titulo {
  color: #765aa3;
  font-size: 1.3rem;
  font-weight: 500;
  word-wrap: break-word;
  text-align: right;
  margin-right: 3rem;
  margin-top: 3rem;
}
@media (max-width: 899px) {
  .report-inst__heterorrelato-comp--titulo {
    margin-top: 7rem;
  }
}
@media (max-width: 599px) {
  .report-inst__heterorrelato-comp--titulo {
    text-align: center;
    margin-right: 0;
  }
}
.report-inst__heterorrelato-comp--desativado {
  opacity: 0.3;
}
.report-inst__heterorrelato-comp--select {
  background-color: #fff;
  color: #765aa3;
  border-radius: 0 !important;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 4rem;
  min-width: 13rem;
  font-size: 1rem;
  border-radius: 0 20px !important;
  padding: 1rem;
}
@media (max-width: 599px) {
  .report-inst__heterorrelato-comp--select {
    min-width: 24rem;
  }
}
.report-inst__heterorrelato-comp--select ::before {
  display: none;
}
.report-inst__heterorrelato-comp--filtros :first-child {
  margin-top: 3rem;
}
.report-inst__csat1 {
  bottom: 10vh;
  position: fixed;
  width: 35rem;
  height: 400px;
  right: 15px;
  z-index: 9999;
  background-color: #083b5b;
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  border-radius: 0px 20px;
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  cursor: initial;
}
@media (max-width: 599px) {
  .report-inst__csat1 {
    display: none;
  }
}
.report-inst__csat1--is-closed > #csat-container {
  display: none !important;
}
.report-inst__csat1--is-closed {
  right: -32rem;
  height: 220px;
  cursor: pointer;
}
.report-inst__csat1--is-closed:hover {
  right: -31rem;
}
.report-inst__csat1-closedState {
  display: block;
  -webkit-transform: rotate(-90deg) translateX(-5%);
      -ms-transform: rotate(-90deg) translateX(-5%);
          transform: rotate(-90deg) translateX(-5%);
  bottom: 5%;
  left: 5%;
  font-size: 1rem;
  position: absolute;
  letter-spacing: 0.6px;
  height: 100%;
}
@media (max-width: 599px) {
  .report-inst__csat1-closedState {
    left: -14%;
  }
}
.report-inst__csat1-close {
  position: absolute;
  right: 0;
  font-weight: 700;
  border: solid 1px;
  padding: 4px 6px;
  top: 0;
  margin: 15px 15px 0 0;
  background-color: #ee7566;
}
.report-inst__csat1-container {
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.report-inst__csat1-container > h1 {
  text-align: center;
  margin: auto;
  font-size: 2rem;
  line-height: 50px;
}
.report-inst__csat1-container > h1::before {
  content: "✅";
  display: block;
  font-size: 4rem;
  margin-bottom: 1rem;
}
.report-inst__csat1-container > h2 {
  width: 90%;
}
.report-inst__csat1-container > h2,
.report-inst__csat1-container h3 {
  letter-spacing: 1px;
  line-height: 18px;
  margin-bottom: 5px;
}
.report-inst__csat1-container > textarea {
  border-radius: 0 !important;
  padding: 5px !important;
  font-size: 1.2rem !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}
.report-inst__csat1-container > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.6rem;
  margin-top: 1rem;
}
.report-inst__csat1-container > form > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report-inst__csat1-container > form > label > input {
  width: 20px;
  height: 20px;
}
.report-inst__csat1-container > form > label > span {
  margin-top: 4px;
}

.passoapasso {
  width: 100%;
  height: 0px;
  display: none;
  z-index: 9999999999;
  position: relative;
  margin: 1rem auto;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transition: height 1s ease-in;
  -o-transition: height 1s ease-in;
  transition: height 1s ease-in;
}
.passoapasso__imagem {
  background-size: 100%;
  width: 100%;
  height: inherit;
  background-repeat: no-repeat;
  padding: 2rem 0;
  position: relative;
  margin-top: 0rem;
}
@media (max-width: 599px) {
  .passoapasso__imagem {
    width: 90%;
    margin-left: -1rem;
  }
}

.circumplexoAberto {
  height: auto;
  padding: 0.5rem;
  -webkit-transition: height 1s ease-in;
  -o-transition: height 1s ease-in;
  transition: height 1s ease-in;
  position: relative;
  display: initial;
}
@media (max-width: 599px) {
  .circumplexoAberto {
    display: none;
  }
}

.giro {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  cursor: pointer;
}

.seta {
  cursor: pointer;
  margin: 3rem auto;
}

.seta-fechar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 599px) {
  .seta-fechar {
    display: none;
  }
}

.carregar-t {
  display: block;
}

.carregar-f {
  display: none;
}

.rubric {
  text-align: left;
}
.rubric__alert {
  color: hsl(210, 15%, 96%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ee7566;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1rem 1.4rem;
  position: relative;
}
.rubric__alert > p {
  font-size: 1rem;
}
.rubric__alert > * {
  line-height: 1;
}
@media (max-width: 599px) {
  .rubric__alert {
    position: absolute;
    bottom: -10px;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.rubric__rubric {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1.5rem;
  color: #808080;
}
@media (min-width: 901px) {
  .rubric__rubric {
    padding-left: 3.75rem;
  }
}
.rubric__order {
  font-size: 1.15rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: hsl(210, 15%, 96%);
  padding: 0.8rem;
  margin-bottom: 1rem;
}
.rubric__order--adulto {
  color: #3FA5C3;
}
.rubric__order--medio {
  color: #3FA5C3;
}
.rubric__order--fundamental {
  color: #3FA5C3;
}
.rubric__order--setorpublico {
  color: #28346F;
}
.rubric__order--infantil {
  color: #8771AB;
}
@media (max-width: 599px) {
  .rubric__order {
    display: inline-block;
    width: 12rem;
  }
}
@media (max-width: 899px) {
  .rubric__order {
    display: inline-block;
    width: 12rem;
  }
}
.rubric__question {
  margin-left: -1rem;
  max-width: 56rem;
  padding: 1rem;
}
.rubric__sentence {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .rubric__sentence {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .rubric__sentence {
    font-size: 2.25rem;
  }
}
.rubric__sentence {
  font-family: Elza;
  color: #5A5959;
  margin-bottom: 2rem;
}
.rubric__sentence::before {
  color: hsl(227, 50%, 57%);
  opacity: 0.5;
}
@media (max-width: 599px) {
  .rubric__sentence {
    margin: auto 1rem !important;
  }
}
.rubric__answers {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, hsl(210, 16%, 85%)), color-stop(50%, transparent));
  background-image: -o-linear-gradient(left, hsl(210, 16%, 85%) 0, transparent 50%);
  background-image: linear-gradient(to right, hsl(210, 16%, 85%) 0, transparent 50%);
  background-position: 1rem 10%;
  background-repeat: no-repeat;
  background-size: 2px 98%;
  color: hsl(210, 16%, 85%);
  margin-top: 1.5rem;
  padding: 1rem 0 1.5rem 0;
  position: relative;
}
.rubric__answers::before, .rubric__answers::after {
  content: "";
  left: 0;
  position: absolute;
}
.rubric__answers::before {
  border-color: transparent transparent currentColor;
  border-style: solid;
  border-width: 0.5rem;
  height: 0;
  top: 0;
  -webkit-transform: translate(0.5rem, -0.5rem) scale(1.5);
      -ms-transform: translate(0.5rem, -0.5rem) scale(1.5);
          transform: translate(0.5rem, -0.5rem) scale(1.5);
}
.rubric__answers::after {
  border-radius: 50%;
  height: 1rem;
  bottom: 0;
  -webkit-transform: translateX(0.5rem);
      -ms-transform: translateX(0.5rem);
          transform: translateX(0.5rem);
  width: 1rem;
}
.rubric__answers > * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rubric__option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: hsl(209, 14%, 44%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  font-weight: 400;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 1.2;
  padding: 1rem 0 1rem 4.5rem;
  position: relative;
  width: 45%;
  text-align: left;
  vertical-align: middle;
  border-radius: 12px;
  height: 4rem;
  margin: 0.4rem 0;
}
.rubric__option .rubric__label {
  width: 100%;
  font-size: 15px;
}
.rubric__option > * {
  vertical-align: middle;
}
@media (max-width: 1800px) {
  .rubric__option {
    width: 55%;
  }
}
@media (max-width: 1199px) {
  .rubric__option {
    min-width: 60%;
  }
}
@media (max-width: 899px) {
  .rubric__option {
    min-width: 70%;
  }
}
@media (max-width: 599px) {
  .rubric__option {
    min-width: 100%;
    background-color: white;
    border-radius: 12px;
    border: solid 1.5px #dedede;
    padding: 1rem 0 1rem 4rem;
  }
  .rubric__option .rubric__label {
    font-size: 14px;
    padding-right: 10px;
  }
}
.rubric__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(216, 33%, 98%);
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.075em;
  line-height: 1;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
  white-space: nowrap;
  border-radius: 8px;
  font-size: 1rem;
  height: 2.2rem;
  width: 2rem;
  margin-left: -2.5rem;
}
.rubric__value [class*=tooltip__bubble] {
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  bottom: calc(100% + 0.5rem);
  left: 75%;
}
.rubric__value--autogestao {
  color: #8AB925 !important;
  border: 1px solid #8AB925;
}
.rubric__value--engajamento {
  color: #F4BB2F !important;
  border: 1px solid #F4BB2F;
}
.rubric__value--amabilidade {
  color: #E61D47 !important;
  border: 1px solid #E61D47;
}
.rubric__value--modulacao {
  color: #3FA5C3 !important;
  border: 1px solid #3FA5C3;
}
.rubric__value--abertura {
  color: #765AA3 !important;
  border: 1px solid #765AA3;
}
@media (max-width: 599px) {
  .rubric__value {
    margin-left: -2rem;
  }
}
.rubric__description {
  display: block;
}
.rubric__label {
  color: #505050;
  display: block;
  font-size: 1.12em;
}
@media (max-width: 899px) {
  .rubric__label {
    font-size: 1.3em;
  }
}
@media (max-width: 1199px) {
  .rubric__label {
    font-size: 1.3em;
  }
}
.rubric__radio {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.rubric__radio--is-current-choice ~ .rubric__option {
  background-color: hsl(214, 15%, 93%);
  color: hsl(209, 14%, 44%);
}
.rubric__radio--is-current-choice ~ .rubric__option .rubric__value {
  background-color: hsl(209, 20%, 26%);
  color: hsl(210, 15%, 96%);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio--is-last-choice ~ .rubric__option {
  background-color: hsl(214, 15%, 93%);
  color: hsl(209, 18%, 35%);
}
.rubric__radio--is-last-choice ~ .rubric__option .rubric__value {
  background-color: hsl(209, 18%, 35%);
  color: hsl(210, 15%, 96%);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio:checked ~ .rubric__option {
  background-color: rgba(13, 14, 14, 0.1607843137);
}
.rubric__radio:checked ~ .rubric__option .rubric__value {
  color: hsl(210, 15%, 96%);
  color: #fafafa !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio:checked ~ .rubric__option .rubric__label {
  font-weight: 500;
}
.rubric__radio:checked ~ .rubric__answer-btn {
  opacity: 1;
  visibility: visible;
}
.rubric__radio--autogestao:checked ~ .rubric__option {
  border: solid 1.5px #8AB925 !important;
  background-color: rgba(138, 185, 37, 0.1254901961);
}
.rubric__radio--autogestao:checked ~ .rubric__option .rubric__value {
  background-color: #8AB925;
}
.rubric__radio--engajamento:checked ~ .rubric__option {
  border: solid 1.5px #F4BB2F !important;
  background-color: rgba(244, 187, 47, 0.1254901961);
}
.rubric__radio--engajamento:checked ~ .rubric__option .rubric__value {
  background-color: #F4BB2F;
}
.rubric__radio--amabilidade:checked ~ .rubric__option {
  border: solid 1.5px #E61D47 !important;
  background-color: rgba(230, 29, 71, 0.1254901961);
}
.rubric__radio--amabilidade:checked ~ .rubric__option .rubric__value {
  background-color: #E61D47;
}
.rubric__radio--modulacao:checked ~ .rubric__option {
  border: solid 1.5px #3FA5C3 !important;
  background-color: rgba(63, 165, 195, 0.1254901961);
}
.rubric__radio--modulacao:checked ~ .rubric__option .rubric__value {
  background-color: #3FA5C3;
}
.rubric__radio--abertura:checked ~ .rubric__option {
  border: solid 1.5px #765AA3 !important;
  background-color: rgba(118, 90, 163, 0.1254901961);
}
.rubric__radio--abertura:checked ~ .rubric__option .rubric__value {
  background-color: #765AA3;
}
.rubric__radio--setorpublico {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.rubric__radio--setorpublico--is-current-choice ~ .rubric__option {
  background-color: hsl(214, 15%, 93%);
  color: hsl(209, 14%, 44%);
}
.rubric__radio--setorpublico--is-current-choice ~ .rubric__option .rubric__value {
  background-color: hsl(209, 20%, 26%);
  color: hsl(210, 15%, 96%);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio--setorpublico--is-last-choice ~ .rubric__option {
  background-color: hsl(214, 15%, 93%);
  color: hsl(209, 18%, 35%);
}
.rubric__radio--setorpublico--is-last-choice ~ .rubric__option .rubric__value {
  background-color: hsl(209, 18%, 35%);
  color: hsl(210, 15%, 96%);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio--setorpublico:checked ~ .rubric__option {
  background-color: rgba(40, 52, 111, 0.1607843137);
}
.rubric__radio--setorpublico:checked ~ .rubric__option .rubric__value {
  color: hsl(210, 15%, 96%);
  background-color: #28346F;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio--setorpublico:checked ~ .rubric__answer-btn {
  opacity: 1;
  visibility: visible;
}
.rubric__radio--heterorrelato {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.rubric__radio--heterorrelato--is-current-choice ~ .rubric__option {
  background-color: hsl(214, 15%, 93%);
  color: hsl(209, 14%, 44%);
}
.rubric__radio--heterorrelato--is-current-choice ~ .rubric__option .rubric__value {
  background-color: hsl(209, 20%, 26%);
  color: hsl(210, 15%, 96%);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio--heterorrelato--is-last-choice ~ .rubric__option {
  background-color: hsl(214, 15%, 93%);
  color: hsl(209, 18%, 35%);
}
.rubric__radio--heterorrelato--is-last-choice ~ .rubric__option .rubric__value {
  background-color: hsl(209, 18%, 35%);
  color: hsl(210, 15%, 96%);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio--heterorrelato:checked ~ .rubric__option {
  background-color: rgba(135, 113, 171, 0.1607843137);
}
.rubric__radio--heterorrelato:checked ~ .rubric__option .rubric__value {
  color: hsl(210, 15%, 96%);
  background-color: #8771AB;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rubric__radio--heterorrelato:checked ~ .rubric__answer-btn {
  opacity: 1;
  visibility: visible;
}
.rubric__answer-layer {
  -ms-flex-line-pack: center;
      align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  margin: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.25rem;
  position: absolute;
  width: 100%;
}
.rubric__answer-layer > ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  padding: 0 0 0 2rem;
}
@media (max-width: 599px) {
  .rubric__answer-layer > ol {
    width: 100vw;
    height: 100vh;
    padding: 0;
  }
  .rubric__answer-layer > ol > li {
    font-size: 10px;
  }
  .rubric__answer-layer > ol > li:first-child {
    margin-top: 1rem;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .rubric__answer-layer > ol > li {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 85%;
  }
  .rubric__answer-layer > ol > li .rubric__label {
    font-size: 12px;
  }
}
@media (max-width: 899px) {
  .rubric__answer-layer > ol {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    padding: 0rem;
  }
}
@media (max-width: 1199px) {
  .rubric__answer-layer > ol {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    padding: 0rem;
  }
}
.rubric__answer-layer > * {
  margin: 1.75rem 0 0 0;
}
@media (max-width: 599px) {
  .rubric__answer-layer > * {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .rubric__answer-layer {
    padding: 3rem 1.25rem;
  }
}
@media (max-width: 899px) {
  .rubric__answer-layer {
    padding: 3rem 1.25rem;
    display: block;
  }
}
@media (max-width: 599px) {
  .rubric__answer-layer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.rubric__answer-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 0.25rem;
  opacity: 0;
  -webkit-transition: 250ms ease-out;
  -o-transition: 250ms ease-out;
  transition: 250ms ease-out;
  visibility: hidden;
  display: inline-block;
  padding: 1.3rem 1.2rem 1rem 1.2rem;
}
.rubric__answer-btn--adulto {
  background-color: #3FA5C3;
}
.rubric__answer-btn--adulto:hover {
  background-color: #086083;
}
.rubric__answer-btn--medio {
  background-color: #3FA5C3;
}
.rubric__answer-btn--medio:hover {
  background-color: #086083;
}
.rubric__answer-btn--fundamental {
  background-color: #3FA5C3;
}
.rubric__answer-btn--fundamental:hover {
  background-color: #086083;
}
.rubric__answer-btn--setorpublico {
  background-color: #28346F;
}
.rubric__answer-btn--setorpublico:hover {
  background-color: #343c62;
}
.rubric__answer-btn--infantil {
  background-color: #8771AB;
}
.rubric__answer-btn--infantil:hover {
  background-color: #84739e;
}
@media (max-width: 599px) {
  .rubric__answer-btn {
    width: 85px;
    font-size: 10px;
    vertical-align: middle;
    padding: 11px 10px;
    text-align: center;
    margin-left: 0;
  }
}
@media (max-width: 400px) {
  .rubric__answer-btn {
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 0 0.8rem 0;
    max-width: 75%;
  }
}

.select-inst::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .select-inst::-webkit-scrollbar {
    width: 0;
  }
}
.select-inst::-webkit-scrollbar-track {
  background: transparent;
}
.select-inst::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.select-inst {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (landscape) {
  .select-inst {
    padding-right: 0.75rem;
  }
}
.select-inst {
  height: 80vh;
  margin-top: 1.5rem;
  max-height: 26rem;
}
@media (min-width: 901px) {
  .select-inst {
    height: auto;
  }
}
.select-inst > *:not(:first-of-type) {
  margin-top: 1rem;
}
.select-inst__title {
  font-size: 1.6rem;
  color: #808080;
  font-weight: 600;
  text-align: center;
}
.select-inst__link {
  display: block;
  font-size: 1rem;
  padding: 1rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.select-inst__link > * {
  padding: 0.2rem;
  line-height: 22px;
}
.select-inst__link::before {
  background-color: #083b5b;
  border-radius: 10px;
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 300ms var(--ease-in-out-quad);
  -o-transition: 300ms var(--ease-in-out-quad);
  transition: 300ms var(--ease-in-out-quad);
  width: 100%;
  z-index: -1;
}
.select-inst__link:hover {
  color: hsl(210, 15%, 96%);
}
.select-inst__link:hover::before {
  background-color: hsl(227, 42%, 47%);
  opacity: 1;
}

.select-inst__link--atual {
  cursor: default;
  opacity: 0.7;
}
.select-inst__link--atual:hover {
  color: inherit;
}
.select-inst__link--atual:hover::before {
  background-color: hsl(227, 50%, 57%);
  opacity: 0.15;
}

.select-inst__link--disabled {
  pointer-events: none;
  opacity: 0.6;
}

.vinculo-seletor__vazio {
  padding: 1rem;
  text-align: center;
  font-size: 1.15rem;
}

.vinculo-rotulo {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.75rem;
  text-transform: none;
}
.vinculo-rotulo__perfil {
  font-weight: 600;
}
.vinculo-rotulo__tag {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0 0.4rem;
  border: 1px solid currentColor;
  border-radius: 1rem;
  font-size: 0.65rem;
  line-height: 1.4;
  text-transform: uppercase;
}
.vinculo-rotulo__tag--atual {
  font-weight: 600;
}
.vinculo-rotulo__tag--principal {
  font-weight: 600;
}
.vinculo-rotulo__pai {
  display: block;
  font-size: 0.7rem;
  opacity: 0.8;
}

.vinculo-seletor__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.vinculo-seletor__item > .select-inst__link {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}

.vinculo-seletor__tornar-principal {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0.3rem 0.7rem;
  border: 1px solid currentColor;
  border-radius: 1rem;
  background: transparent;
  color: #0a3d5c;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}
.vinculo-seletor__tornar-principal[disabled] {
  cursor: default;
  opacity: 0.6;
}

.vinculo-seletor__mensagem {
  margin: 1rem 0 0;
  font-size: 1.15rem;
  font-weight: 600;
  text-align: center;
  color: #2e7d4f;
}

.vinculo-seletor__confirmar-texto {
  margin: 1.5rem 0 0;
  line-height: 1.5;
}

.vinculo-seletor__erro {
  margin: 1rem 0 0;
  font-size: 1.15rem;
  color: #b3261e;
}

.vinculo-seletor__limpar {
  display: block;
  margin: 1rem auto 0;
  padding: 0.3rem 0.8rem;
  border: 1px solid currentColor;
  border-radius: 1rem;
  background: transparent;
  color: #0a3d5c;
  font-size: 0.8rem;
  cursor: pointer;
}

.timeline {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 64%, 55%)), to(hsl(0, 64%, 55%)));
  background-image: -o-linear-gradient(hsl(0, 64%, 55%), hsl(0, 64%, 55%));
  background-image: linear-gradient(hsl(0, 64%, 55%), hsl(0, 64%, 55%));
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 2px 100%;
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
  text-align: left;
}
.timeline__begin, .timeline__end {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: hsl(0, 64%, 55%);
  border-radius: 2px;
  -webkit-box-shadow: 0 0 40px hsla(210, 15%, 8%, 0.5);
          box-shadow: 0 0 40px hsla(210, 15%, 8%, 0.5);
  margin-left: 3.25rem;
  padding: 1rem 1.5rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.timeline__begin::before, .timeline__end::before {
  border-color: transparent hsl(0, 64%, 55%) transparent transparent;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  display: block;
  height: 0;
  right: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 9999;
}
.timeline__line {
  z-index: 1;
}
.timeline__mark {
  margin-top: 10vh;
  position: relative;
}
@media (min-width: 601px) {
  .timeline__mark {
    max-width: 80%;
  }
}
@media (min-width: 901px) {
  .timeline__mark {
    margin-top: 33vh;
    max-width: 960px;
  }
}
.timeline__mark--start-unit {
  margin-top: 10vh;
}
@media (min-width: 901px) {
  .timeline__mark--start-unit {
    margin-top: 36vh;
  }
}
.timeline__mark:first-child {
  margin-top: 6rem;
}
.timeline__mark:last-child {
  margin-bottom: 6rem;
}
.timeline__end-class {
  background-color: #1A2E3D;
  border: 2px solid hsl(0, 64%, 55%);
  border-radius: 99rem;
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: hsl(210, 15%, 96%);
  -webkit-box-shadow: 0 0 80px hsl(209, 14%, 44%);
          box-shadow: 0 0 80px hsl(209, 14%, 44%);
  bottom: 100%;
  content: "Fim da unidade";
  display: none;
  font-size: 0.85rem;
  font-weight: 600;
  margin-left: 3.25rem;
  margin-top: 2.25rem;
  padding: 1rem 2.25rem;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translateY(calc(-5vh + 50%));
      -ms-transform: translateY(calc(-5vh + 50%));
          transform: translateY(calc(-5vh + 50%));
  white-space: nowrap;
}
@media (min-width: 901px) {
  .timeline__end-class {
    bottom: calc(100% + 18vh);
    right: 100%;
    position: absolute;
    -webkit-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
            transform: translate(50%, 50%);
  }
}
[class*="--start-unit"] .timeline__end-class {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.timeline__class {
  margin-left: 3.25rem;
}
.timeline__class::before {
  border-color: transparent hsl(210, 15%, 96%) transparent transparent;
  border-style: solid;
  border-width: 1rem;
  content: "";
  height: 0;
  right: calc(100% - 3.25rem);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 9999;
}
@media (min-width: 901px) {
  .timeline__class::before {
    display: block;
  }
}
.timeline__status {
  background-color: #1A2E3D;
  border: 2px solid hsl(0, 64%, 55%);
  border-radius: 99rem;
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: hsl(210, 15%, 96%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1rem;
  height: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3rem;
  z-index: 3;
}
@media (min-width: 1201px) {
  .timeline__status {
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
}
.timeline__status--is-locked {
  color: hsl(210, 24%, 14%);
  background-color: hsl(211, 13%, 78%);
}

.tour {
  display: none;
}
.tour__hotspot {
  width: 45px;
  height: 45px;
  margin-right: -45px;
  position: absolute;
  right: 0;
  z-index: 99;
}
.tour__hotspot:hover::before {
  content: "🚀 Novidade!";
  position: absolute;
  right: 0;
  -webkit-transform: translate(100%, 10%);
      -ms-transform: translate(100%, 10%);
          transform: translate(100%, 10%);
  background-color: #fafafa;
  padding: 1rem;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  border-radius: 0px 20px;
  -webkit-transition: all ease-in-out 1s;
  -o-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
  color: #808080;
}
.tour__inicio {
  margin: auto;
  padding: 2rem 4rem;
  max-width: none;
  top: 50% !important;
  left: 50% !important;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tour__inicio .driver-popover-title::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: cover;
  width: 25rem;
  height: 20rem;
  max-width: 25rem;
  max-height: 20rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
}
.tour__inicio .driver-popover-title {
  text-align: center;
  padding: 1rem;
}
.tour__inicio--welcome .driver-popover-description {
  font-size: 18px !important;
  margin-bottom: 2rem;
}
.tour__inicio--welcome .driver-popover-title::after {
  background-image: url("/assets/img/logo-plataforma-semente-primario.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 4rem;
  margin: 1rem auto;
}
.tour__inicio--medicao .driver-popover-title::after {
  background-image: url("/assets/img/bg-medicao.png");
}
.tour__inicio--conteudos .driver-popover-title::after {
  background-image: url("/assets/img/new-content.png");
}
.tour__inicio--desenvolvimento .driver-popover-title::after {
  background-image: url("/assets/img/bg-desenvolvimento.png");
}
.tour__inicio--relatorio-heterorrelato .driver-popover-title::after {
  background-image: url("/assets/img/bg-resultados.png");
}
.tour__eixo2-priorizacoes {
  max-width: none !important;
  margin: auto !important;
  -ms-flex-item-align: center;
      align-self: center;
  width: auto !important;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  display: absolute !important;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tour__eixo2-priorizacoes .driver-popover-title::after {
  content: url("/assets/img/tour-heterorrelato-compsprioritarias.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: cover;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
}

.transition {
  color: #3fa5c3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3.75rem 0 0.5rem;
}
@media (max-height: 767px) {
  .transition {
    padding-top: 0;
  }
}
.transition > * {
  position: relative;
  z-index: 2;
}
.transition:before {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.transition__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  padding: 1rem;
  text-align: center;
}
@media (min-width: 901px) {
  .transition__header {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
    padding: 1.5rem;
  }
}
.transition__progress {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 1rem;
}
.transition__step {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.transition__step > *:last-child {
  font-size: 1.9rem;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .transition__step > *:last-child {
    font-size: 1.9rem;
  }
}
@media (min-width: 901px) {
  .transition__step > *:last-child {
    font-size: 2.25rem;
  }
}
@media (min-width: 1201px) {
  .transition__step > *:last-child {
    font-size: 2.5rem;
  }
}
.transition__arrow {
  margin: 1rem 1.5rem 0;
  opacity: 0.5;
}
.transition__whatnext {
  background-color: #3fa5c3;
  -webkit-box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 19px 38px rgba(6.8%, 8%, 9.2%, 0.15), 0 15px 12px rgba(6.8%, 8%, 9.2%, 0.02), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 6rem;
  margin-top: 1.5rem;
  opacity: 0.85;
  padding: 2.25rem 0.5rem;
  text-align: center;
}
@media (min-width: 901px) {
  .transition__whatnext {
    margin-top: 3rem;
    padding: 3.75rem;
  }
}
@media (max-height: 767px) {
  .transition__whatnext {
    margin-bottom: 1.5rem;
    margin-top: 0;
  }
}
.transition__title {
  font-size: calc(1.6rem + 1vh);
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .transition__title {
    font-size: calc(1.6rem + 1vh);
  }
}
@media (min-width: 901px) {
  .transition__title {
    font-size: calc(1.9rem + 1vh);
  }
}
@media (min-width: 1201px) {
  .transition__title {
    font-size: calc(2.25rem + 1vh);
  }
}
.transition__title {
  margin-bottom: 1.5rem;
}
.transition__title:only-child {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .transition__title > *:first-child {
    display: block;
  }
}
.transition__info {
  width: 100vw;
}
.transition__subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .transition__subtitle {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .transition__subtitle {
    font-size: 2.25rem;
  }
}
.transition__subtitle {
  color: #fff;
  margin-bottom: 0.5rem;
}
@media (min-width: 901px) {
  .transition__subtitle {
    margin-bottom: 1.5rem;
  }
}
.transition__cta-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.25rem;
  margin-top: 0.5rem;
  position: relative;
}
.transition__cta {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 1rem;
  min-width: 10rem;
}
@media (max-width: 599px) {
  .transition__cta {
    margin-top: 0rem;
    max-width: 15rem;
    font-size: 0.85rem;
  }
}
.transition__countdown {
  display: inline-block;
  font-size: 0.85rem;
  font-style: italic;
  line-height: 1;
  margin-top: 0.5rem;
}
.transition__lecture {
  color: hsl(210, 24%, 14%);
  cursor: pointer;
  margin: 0 0.5rem;
  position: relative;
}
.transition__lecture::before {
  background-color: hsl(216, 33%, 98%);
  border-radius: 3.75rem;
  content: "";
  height: calc(100% + 0.25rem);
  left: 50%;
  opacity: 0.85;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  width: calc(100% + 1rem);
  z-index: -1;
}
.transition__lecture:hover::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
      -ms-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
}

.relatorio-impresso {
  opacity: 1;
  z-index: 9999999999;
  height: 100%;
}
.relatorio-impresso__conteudo {
  background-color: #fff;
  width: 100%;
  margin: auto;
  padding-bottom: 3rem;
  position: relative;
}
.relatorio-impresso__conteudo--header {
  background-color: #40a5c3;
  height: 5rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.relatorio-impresso__conteudo--resumo-competencias {
  width: 90%;
  margin: auto;
}
.relatorio-impresso__conteudo--btn-imprimir {
  position: relative;
  margin: 1rem auto;
  background-color: #3fa5c3;
  padding: 0.8rem;
  border-radius: 10px;
  color: #fff;
  width: 20%;
  text-align: center;
}
@media (max-width: 599px) {
  .relatorio-impresso__conteudo--btn-imprimir {
    width: 40%;
  }
}
@media (max-width: 1199px) {
  .relatorio-impresso__conteudo {
    width: 60%;
  }
}
@media (max-width: 899px) {
  .relatorio-impresso__conteudo {
    width: 80%;
  }
}
@media (max-width: 599px) {
  .relatorio-impresso__conteudo {
    width: 90%;
  }
}
.relatorio-impresso__logo {
  width: 100%;
}
.relatorio-impresso__logo img {
  width: 11rem;
  margin: 1rem;
}
.relatorio-impresso__titulo {
  font-size: 1.12rem;
  font-weight: 600;
  width: 11rem;
  margin: 1.5rem;
  color: white;
}
.relatorio-impresso__laudo {
  display: block;
  text-align: center;
  overflow: auto;
  width: 90%;
  margin: 2rem auto;
  padding: 2rem 2rem;
  border-radius: 1.25rem;
  height: 100% !important;
  background-color: rgba(180, 203, 209, 0.1294117647) !important;
  opacity: 1 !important;
  position: relative;
  text-align: justify;
  color: #808080;
  line-height: normal;
}
.relatorio-impresso__laudo > span > div > ul > li,
.relatorio-impresso__laudo > span > div > ul > li > * {
  font-size: 16px;
  line-height: 20px;
}
.relatorio-impresso__laudo #VisaoCompetencias::before {
  content: "Suas competências";
  font-size: 18px;
  font-weight: 800;
  color: hsl(234, 62%, 23%);
}
.relatorio-impresso__laudo #VisaoRelacoes::before {
  content: "Percepções ao relacionar com outras famílias";
  font-size: 18px;
  font-weight: 800;
  color: hsl(234, 62%, 23%);
}
.relatorio-impresso__laudo #VisaoRelacoes > ul > li {
  padding: 1rem;
  background: rgba(180, 203, 209, 0.1294117647);
  border-radius: 0px 20px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.0392156863);
  border: solid 1px #808080;
}
.relatorio-impresso__laudo #VisaoRelacoes h3, .relatorio-impresso__laudo #VisaoRelacoes span, .relatorio-impresso__laudo #VisaoRelacoes p {
  margin: 1rem 0 1rem 0;
}
.relatorio-impresso__laudo #VisaoRelacoes span {
  font-style: italic;
}

.print-mode {
  display: block !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 794px;
  /* equivalente a 210mm (A4) com margens */
  margin: 0 auto;
  padding: 0;
  background: #fff;
}

.print-mode .relatorio-impresso__conteudo--header,
.print-mode .relatorio-impresso__laudo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 20px !important;
  overflow: visible !important;
}

.relatorio-instituicao-ia {
  color: #808080;
}
.relatorio-instituicao-ia__inst-select {
  max-height: none;
  height: 2rem;
  padding: 1.2rem;
}
.relatorio-instituicao-ia__situacao-atual {
  font-weight: 500;
  margin-top: 1rem !important;
  color: hsl(6, 96%, 26%);
  background-color: hsl(22, 100%, 85%);
  padding: 0.1rem 1rem;
  width: auto !important;
  border-radius: 20px;
  position: relative;
  margin-right: 0.2rem;
}
.relatorio-instituicao-ia__situacao-atual-loader {
  display: block;
  position: absolute !important;
  background-color: #FAFAFA;
  width: 100% !important;
  height: 100%;
  z-index: 999;
  left: 0;
  top: 0;
}
.relatorio-instituicao-ia b {
  font-weight: bold;
}
.relatorio-instituicao-ia__topo {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem !important;
}
.relatorio-instituicao-ia__topo--dropup-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.relatorio-instituicao-ia__topo .row {
  width: 1140px;
  margin: 11rem 0rem 0rem;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__topo .row {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo .row {
    width: 95%;
    margin: 7rem 0rem 0rem;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__topo .filter-mob {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1rem;
    gap: 0.5rem;
  }
}
.relatorio-instituicao-ia__topo h1 {
  color: white;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 2.5rem;
}
.relatorio-instituicao-ia__topo--menu p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 1rem;
}
.relatorio-instituicao-ia__topo--menu button {
  border: 1px solid #fff;
  border-radius: 2rem;
  padding: 0.8rem 2.8rem;
  color: #fff;
  font-weight: bolder;
  margin: 0.5rem 0.5rem 0 0;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo--menu button {
    padding: 0.8rem 1rem;
    width: 47%;
    text-align: center;
  }
}
.relatorio-instituicao-ia__topo--menu button span {
  padding: 0 0.5rem;
}
.relatorio-instituicao-ia__topo--menu button span img {
  position: absolute;
  top: 0.5rem;
}
.relatorio-instituicao-ia__topo--menu button:last-child {
  position: absolute;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo--menu button:last-child {
    position: relative;
    display: none;
  }
}
.relatorio-instituicao-ia__topo--menu button:hover {
  background-color: #fff;
  color: #1A2E3D;
  font-weight: bolder;
}
.relatorio-instituicao-ia__topo--menu .selected {
  background-color: #fff;
  color: #1A2E3D;
  font-weight: bolder;
}
.relatorio-instituicao-ia__topo--menu #btn-adultos {
  position: absolute;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo--menu #btn-adultos {
    position: relative;
    display: none;
  }
}
.relatorio-instituicao-ia__topo--menu--imprimir {
  position: relative !important;
  margin: 0.5rem 0.5rem 0 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: flex-end;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo--menu--imprimir {
    display: block !important;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo--menu {
    margin: 0.5rem 0rem 2rem;
  }
  .relatorio-instituicao-ia__topo--menu .p {
    display: none;
  }
}
.relatorio-instituicao-ia__topo--menu--relatorio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.relatorio-instituicao-ia__topo--menu--relatorio button {
  position: relative !important;
  margin: 0;
}
.relatorio-instituicao-ia__topo--submenu {
  background-color: #fafafa;
  border-radius: 20px;
  margin: 1.25rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.relatorio-instituicao-ia__topo--submenu .row {
  margin: 1rem 0;
}
.relatorio-instituicao-ia__topo--submenu .row span {
  margin-right: 0.5rem;
  font-size: 1.05rem;
}
.relatorio-instituicao-ia__topo--submenu .row button {
  background-color: rgba(26, 46, 61, 0.4392156863);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  color: #fff;
  font-weight: 500;
  font-size: 0.9rem;
  min-width: 7rem;
  text-align: center;
  margin: 0.2rem 0.1rem;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo--submenu .row button {
    margin: 0.3rem 0;
  }
}
.relatorio-instituicao-ia__topo--submenu .row button:hover {
  background-color: #1A2E3D;
}
.relatorio-instituicao-ia__topo--submenu .row .selected {
  background-color: #1A2E3D;
}
.relatorio-instituicao-ia__topo--submenu .row select {
  padding: 0.5rem 1rem;
  height: auto;
  min-width: 50%;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo--submenu select {
    max-width: 60vw;
  }
}
.relatorio-instituicao-ia__topo--toggle-button {
  color: #808080;
  position: absolute;
  right: 0.5rem;
  z-index: 999999999;
}
.relatorio-instituicao-ia__topo--dropup-menu {
  position: relative;
  margin-bottom: 10px;
  z-index: 1;
  -webkit-transition: display 5s;
  -o-transition: display 5s;
  transition: display 5s;
  display: block;
}
.relatorio-instituicao-ia__topo--dropup-menu li {
  padding: 8px 16px;
  list-style: none;
  -webkit-transition: -webkit-transform 5s ease;
  transition: -webkit-transform 5s ease;
  -o-transition: transform 5s ease;
  transition: transform 5s ease;
  transition: transform 5s ease, -webkit-transform 5s ease;
}
.relatorio-instituicao-ia__topo--dropup-menu li:hover {
  background-color: #808080;
}
.relatorio-instituicao-ia__topo--arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.relatorio-instituicao-ia__topo--arrow.down {
  border-top: 6px solid #808080;
}
.relatorio-instituicao-ia__topo--arrow.up {
  border-bottom: 6px solid #808080;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.relatorio-instituicao-ia__topo .dropup-container {
  position: absolute;
  margin: -2rem 20px 0rem;
  right: 1rem;
  cursor: pointer;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo .dropup-container {
    margin: 0px 13px 10px;
    bottom: -1.5rem;
    font-size: 1.2rem;
  }
}
.relatorio-instituicao-ia__topo .dropup-button {
  color: var(--dropup-open-color, inherit);
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.relatorio-instituicao-ia__topo {
  /* cor quando FECHADO (aparece "mostrar filtro") */
}
.relatorio-instituicao-ia__topo .dropup-button.active {
  color: var(--dropup-active-color, #0d6efd);
  /* ajuste a cor aqui */
}
.relatorio-instituicao-ia__topo {
  /* opcional: se tiver estilos específicos no texto, garante que ele herda a cor */
}
.relatorio-instituicao-ia__topo .dropup-button .btn-text {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.relatorio-instituicao-ia__topo {
  /* opcional: se quiser transição suave na seta também */
}
.relatorio-instituicao-ia__topo .dropup-button .arrow {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  top: -0.2rem;
  position: absolute;
}
.relatorio-instituicao-ia__topo .arrow,
.relatorio-instituicao-ia__topo .btn-text {
  color: #fff;
  /* Cor inicial */
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
  cursor: pointer;
}
.relatorio-instituicao-ia__topo .arrow.rotate {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #fff;
  /* Amarelo */
}
.relatorio-instituicao-ia__topo .btn-text.active {
  color: #fff;
  /* Amarelo */
  cursor: pointer;
  cursor: pointer;
  z-index: 9999999;
  position: relative;
}
.relatorio-instituicao-ia__topo .dropup-menu {
  bottom: 20px;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  border-radius: 10px;
  opacity: 0;
  height: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  pointer-events: none;
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.1s ease, -webkit-transform 0.5s ease;
  -o-transition: opacity 0.1s ease, transform 0.5s ease;
  transition: opacity 0.1s ease, transform 0.5s ease;
  transition: opacity 0.1s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  z-index: 1000;
}
.relatorio-instituicao-ia__topo .dropup-menu.show {
  opacity: 1;
  height: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
.relatorio-instituicao-ia__topo .dropup-menu li {
  padding: 8px 20px;
}
.relatorio-instituicao-ia__topo .dropup-menu li a {
  color: #333;
  text-decoration: none;
  display: block;
}
.relatorio-instituicao-ia__topo .dropup-menu li a:hover {
  background-color: #f0f0f0;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__topo {
    margin-top: 1rem;
  }
}
.relatorio-instituicao-ia__imprimirWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.relatorio-instituicao-ia__imprimirWrapper button {
  border: 1px solid #fff;
  border-radius: 2rem;
  padding: 0.8rem 2.8rem;
  color: #fff;
  font-weight: bolder;
  margin: 0.5rem 0.5rem 0 0;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__imprimirWrapper button {
    padding: 0.8rem 1rem;
    width: 47%;
    text-align: center;
  }
}
.relatorio-instituicao-ia__imprimirWrapper button span {
  padding: 0 0.5rem;
}
.relatorio-instituicao-ia__imprimirWrapper button span img {
  position: absolute;
  top: 0.5rem;
}
.relatorio-instituicao-ia__imprimirWrapper button:last-child {
  position: absolute;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__imprimirWrapper button:last-child {
    position: relative;
    display: none;
  }
}
.relatorio-instituicao-ia__imprimirWrapper button:hover {
  background-color: #fff;
  color: #1A2E3D;
  font-weight: bolder;
}
.relatorio-instituicao-ia__tabela-mobile {
  display: none;
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__tabela-mobile {
    display: block;
    width: 100%;
    margin-left: 0;
    border-radius: 0px 20px;
    overflow: hidden;
  }
  .relatorio-instituicao-ia__tabela-mobile--base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #fff;
    padding: 0 0 1rem 1rem;
    margin: 1rem 0 2rem;
    -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  }
  .relatorio-instituicao-ia__tabela-mobile--base .otimo-desenvolvimento {
    background-color: #0a3c5b;
    height: 6em;
    width: 8rem;
    border-radius: 13px;
    line-height: 1.25;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 2rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .otimo-desenvolvimento P:first-child {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .otimo-desenvolvimento p:last-child {
    font-size: 0.7rem;
    letter-spacing: 1px;
    margin-top: 0.65rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .bem-desenvolvida {
    background-color: #518499;
    height: 6em;
    width: 8rem;
    border-radius: 13px;
    line-height: 1.25;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 2rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .bem-desenvolvida P:first-child {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .bem-desenvolvida p:last-child {
    font-size: 0.7rem;
    letter-spacing: 1px;
    margin-top: 0.65rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .desenvolvimento-basico {
    background-color: #8faab5;
    height: 6em;
    width: 8rem;
    border-radius: 13px;
    line-height: 1.25;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 2rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .desenvolvimento-basico P:first-child {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .desenvolvimento-basico p:last-child {
    font-size: 0.7rem;
    letter-spacing: 1px;
    margin-top: 0.65rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .pouco-desenvolvida {
    background-color: #bfd2dc;
    height: 6em;
    width: 8rem;
    border-radius: 13px;
    line-height: 1.25;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 2rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .pouco-desenvolvida P:first-child {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base .pouco-desenvolvida p:last-child {
    font-size: 0.7rem;
    letter-spacing: 1px;
    margin-top: 0.65rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 1rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--base p {
    font-weight: 500;
    line-height: 4rem;
    padding: 0;
    font-size: 1.25rem;
  }
  .relatorio-instituicao-ia__tabela-mobile--comp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.45rem;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__tabela-mobile {
    display: block;
  }
}
.relatorio-instituicao-ia__empty {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5rem;
}
.relatorio-instituicao-ia__empty .row {
  width: 1140px;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__empty .row {
    width: 95%;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__empty .row {
    width: 95%;
  }
}
.relatorio-instituicao-ia__empty--titulo {
  font-size: 1.5rem;
  padding: 0.3rem 0rem;
  font-weight: 400;
  margin: 2rem 0.5rem 1rem !important;
  color: #fafafa;
  background-color: #1A2E3D;
  border-radius: 20px;
  text-align: center;
  width: 15% !important;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__empty--titulo {
    margin: 1rem 0.5rem 1rem !important;
    width: 50% !important;
  }
}
.relatorio-instituicao-ia__empty--bloco {
  background-color: #fafafa;
  border-radius: 20px;
  margin: 2rem 0px 3rem;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  padding: 0rem 1.25rem 1.25rem;
}
.relatorio-instituicao-ia__empty--bloco-empty {
  height: 10rem;
}
.relatorio-instituicao-ia__empty--bloco .row {
  width: 1140px;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__empty--bloco .row {
    width: 100%;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__empty--bloco .row {
    width: 102%;
  }
}
.relatorio-instituicao-ia__empty--bloco p {
  margin: 0rem 0.5rem;
  width: 100%;
  line-height: 28px;
}
.relatorio-instituicao-ia__empty--bloco img {
  position: absolute;
  bottom: -18px;
  right: 13px;
  width: 10%;
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__empty--bloco img {
    display: none;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__empty--bloco img {
    width: 0;
    display: none;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__empty--bloco {
    margin: 1rem 0rem 0rem;
  }
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__empty {
    margin-top: 1rem;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__empty {
    margin-top: 2rem;
  }
}
.relatorio-instituicao-ia__socioemocional {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.relatorio-instituicao-ia__socioemocional .row {
  width: 1140px;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__socioemocional .row {
    width: 95%;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__socioemocional .row {
    width: 95%;
  }
}
.relatorio-instituicao-ia__socioemocional--titulo {
  font-size: 2rem;
  font-weight: bold;
  color: #fafafa;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__socioemocional--titulo {
    font-size: 1.75rem;
    font-weight: 500;
    margin: 1rem auto;
  }
}
.relatorio-instituicao-ia__socioemocional--bloco {
  background-color: #fafafa;
  border-radius: 20px;
  margin: 2rem 0px 3rem;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.relatorio-instituicao-ia__socioemocional--bloco-imgVisaoGeral {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.relatorio-instituicao-ia__socioemocional--bloco-imgVisaoGeral > img {
  height: auto !important;
  width: auto !important;
  left: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.relatorio-instituicao-ia__socioemocional--bloco-empty {
  height: 10rem;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__socioemocional--bloco-empty {
    width: 136%;
    height: 20rem;
  }
}
.relatorio-instituicao-ia__socioemocional--bloco .row {
  width: 1140px;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__socioemocional--bloco .row {
    width: 95%;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__socioemocional--bloco .row {
    width: 95%;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__socioemocional--bloco .row {
    width: 95%;
  }
}
.relatorio-instituicao-ia__socioemocional--bloco img {
  position: absolute;
  bottom: 0;
  left: -30px !important;
  width: 25% !important;
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__socioemocional--bloco img {
    left: -45px !important;
    width: 30% !important;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__socioemocional--bloco img {
    width: 0;
    display: none;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__socioemocional--bloco {
    margin: 1rem 0rem 0rem;
  }
}
.relatorio-instituicao-ia__socioemocional--texto {
  font-size: 1.1rem;
  line-height: 24px;
  margin: 1rem 1rem 1rem 1rem;
  padding: 1rem;
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__socioemocional--texto {
    margin: 1rem 1rem 1rem 10rem;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__socioemocional--texto {
    margin: 0.5rem 0.5rem 0.5rem 3rem;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__socioemocional {
    margin-top: 2rem;
  }
}
.relatorio-instituicao-ia__competencia--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.relatorio-instituicao-ia__competencia--filterWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
.relatorio-instituicao-ia__competencia--filterWrapper > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  color: hsl(228, 45%, 39%);
}
.relatorio-instituicao-ia__competencia--filterTable {
  max-width: none;
  padding: 0rem 0.5rem 0rem 1rem;
  height: 2.2rem;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 2px hsl(228, 45%, 39%);
  outline: none;
  color: hsl(234, 62%, 23%);
  margin-left: 0.5rem;
}
.relatorio-instituicao-ia__competencia--filterTable:focus {
  border: solid 2px hsl(228, 45%, 39%);
  outline: none;
}
.relatorio-instituicao-ia__competencia--filterTable > option {
  text-align: left;
}
.relatorio-instituicao-ia__competencia--filtro-vazio {
  background-color: #fafafa;
  border-radius: 12px;
  padding: 1.5rem;
  margin: 0 0 1.5rem;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  position: absolute;
  width: 70%;
  height: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #333;
  z-index: 500;
  opacity: 0.7;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.relatorio-instituicao-ia__competencia--titulo {
  font-size: 2rem;
  margin: 2rem 0;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__competencia--titulo {
    font-size: 1.75rem;
    font-weight: 500;
    margin: 3rem auto 1rem -0.5rem;
  }
}
.relatorio-instituicao-ia__competencia--tabela {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 3rem auto;
}
.relatorio-instituicao-ia__competencia--tabela main {
  max-width: 45em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.relatorio-instituicao-ia__competencia--tabela #tabela {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 10em;
}
.relatorio-instituicao-ia__competencia--tabela .col-hidden {
  display: none;
}
.relatorio-instituicao-ia__competencia--tabela {
  /* GRID CELL */
}
.relatorio-instituicao-ia__competencia--tabela section {
  height: 10em;
  width: 15.1rem;
  background: #518499;
  border-radius: 13px;
  line-height: 1.25;
  margin-bottom: 0.5em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  text-align: center;
}
.relatorio-instituicao-ia__competencia--tabela section p {
  color: #fff;
}
.relatorio-instituicao-ia__competencia--tabela section p:first-child {
  font-size: 2.75rem;
  font-weight: bold;
}
.relatorio-instituicao-ia__competencia--tabela section p:last-child {
  font-size: 0.85rem;
  letter-spacing: 1px;
  margin-top: 0.25rem;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__competencia--tabela section {
    width: 12.25rem;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__competencia--tabela section {
    height: 6em;
    width: 8.25rem;
  }
}
.relatorio-instituicao-ia__competencia--tabela span {
  font-size: 0.75em;
  position: absolute;
  top: 0.3em;
  left: 0.5em;
}
.relatorio-instituicao-ia__competencia--tabela #legenda {
  font-size: 0.8em;
  text-align: center;
  letter-spacing: 0.5px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.relatorio-instituicao-ia__competencia--tabela ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.75rem;
}
.relatorio-instituicao-ia__competencia--tabela li {
  padding: 0.5rem 0.8rem;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.relatorio-instituicao-ia__competencia--tabela span {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  border-radius: 0.25rem;
  margin: -0.5rem 1rem 0rem 0rem;
  position: relative;
}
.relatorio-instituicao-ia__competencia--tabela span.pouco-desenvolvida {
  background-color: #B5B5B5;
}
.relatorio-instituicao-ia__competencia--tabela span.desenvolvimento-básico {
  background-color: #C85A01;
}
.relatorio-instituicao-ia__competencia--tabela span.bem-desenvolvida {
  background-color: #0086DB;
}
.relatorio-instituicao-ia__competencia--tabela span.otimo-desenvolvimento {
  background-color: #29BA03;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container {
  display: grid;
  grid-template-columns: repeat(5, 10em);
  grid-gap: 1rem 6.05rem;
  padding-left: 0.5rem;
  position: relative;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio {
  background: none;
  padding: 0.5rem 1rem 0rem 1rem;
  border: solid 2px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio--autogestao {
  border-color: #808080 !important;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio--abertura {
  border-color: #808080 !important;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio--engajamento {
  border-color: #808080 !important;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio--amabilidade {
  border-color: #808080 !important;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio--modulacao {
  border-color: #808080 !important;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio p {
  color: #808080;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-titulo {
  font-size: 1.2rem;
  line-height: 18px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-nivel {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-icone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5rem;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-icone-management {
  background-image: url(/assets/img/plataforma/icon-management.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25%;
  height: 45px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-icone-engagement {
  background-image: url(/assets/img/plataforma/icon-engagement.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 23%;
  height: 34px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-icone-kindness {
  background-image: url(/assets/img/plataforma/icon-kindness.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 23%;
  height: 37px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-icone-resilience {
  background-image: url(/assets/img/plataforma/icon-resilience.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 23%;
  height: 34px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container .dominio-icone-openness {
  background-image: url(/assets/img/plataforma/icon-openness.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 25%;
  height: 45px;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__competencia--tabela #grid-container {
    grid-template-columns: repeat(5, 7em);
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__competencia--tabela #grid-container {
    grid-gap: 0.1em;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__competencia--tabela #grid-container {
    display: grid;
    grid-template-columns: repeat(2, 5em);
    grid-gap: 1rem 4.3rem;
    padding-left: 0.5rem;
  }
}
.relatorio-instituicao-ia__competencia--tabela #grid-container section[class*=desenvolvimento-] {
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-1 section[class*=desenvolvimento-] {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
          box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-1 section[class*=desenvolvimento-]:not(.desenvolvimento-1) {
  opacity: 0.08;
  scale: 0.9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-2 section[class*=desenvolvimento-] {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
          box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-2 section[class*=desenvolvimento-]:not(.desenvolvimento-2) {
  opacity: 0.08;
  scale: 0.9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-3 section[class*=desenvolvimento-] {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
          box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-3 section[class*=desenvolvimento-]:not(.desenvolvimento-3) {
  opacity: 0.08;
  scale: 0.9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-4 section[class*=desenvolvimento-] {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
          box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
}
.relatorio-instituicao-ia__competencia--tabela #grid-container.filtro-nivel-4 section[class*=desenvolvimento-]:not(.desenvolvimento-4) {
  opacity: 0.08;
  scale: 0.9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.relatorio-instituicao-ia__competencia--tabela .col-span4 {
  grid-column: span 4;
}
.relatorio-instituicao-ia__competencia--tabela .col-span1 {
  grid-column: span 1;
}
.relatorio-instituicao-ia__competencia--tabela .col-hidden {
  display: block;
  visibility: hidden;
}
.relatorio-instituicao-ia__competencia--tabela {
  /* GRID CELL */
}
.relatorio-instituicao-ia__competencia--tabela section {
  margin: 0;
}
.relatorio-instituicao-ia__competencia--tabela section:hover {
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
  -webkit-transform: scale(1.075, 1.12);
      -ms-transform: scale(1.075, 1.12);
          transform: scale(1.075, 1.12);
  cursor: pointer;
  z-index: 2;
}
.relatorio-instituicao-ia__competencia--tabela {
  /* FOOTER */
}
.relatorio-instituicao-ia__competencia--tabela footer {
  font-size: 1em;
  width: 100%;
  margin: 5em 0;
  position: absolute;
  bottom: 0;
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__competencia--tabela footer {
    font-size: 1em;
    width: 80%;
    text-align: left;
    margin: 5rem 9em;
    position: absolute;
    bottom: 0;
  }
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__competencia--tabela footer {
    font-size: 1em;
    width: 80%;
    text-align: left;
    margin: 5rem 0 5rem 11em;
    position: absolute;
    bottom: 0;
  }
}
@media (max-width: 1799px) {
  .relatorio-instituicao-ia__competencia--tabela footer {
    font-size: 1em;
    width: 80%;
    text-align: left;
    margin: 5rem 0 5rem 10em;
    position: absolute;
    bottom: 0;
  }
}
.relatorio-instituicao-ia__competencia--tabela .desenvolvimento-0 {
  background-color: #ababab;
}
.relatorio-instituicao-ia__competencia--tabela .desenvolvimento-1 {
  background-color: #B5B5B5;
}
.relatorio-instituicao-ia__competencia--tabela .desenvolvimento-2 {
  background-color: #C85A01;
}
.relatorio-instituicao-ia__competencia--tabela .desenvolvimento-3 {
  background-color: #0086DB;
}
.relatorio-instituicao-ia__competencia--tabela .desenvolvimento-4 {
  background-color: #29BA03;
}
.relatorio-instituicao-ia__competencia--tabela .desenvolvimento-empty {
  background-color: #e2e2e2;
}
.relatorio-instituicao-ia__competencia--tabela .competencia-cubos {
  position: absolute;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 60%;
  gap: 0.4rem;
}
.relatorio-instituicao-ia__competencia--tabela .competencia-cubos-cubo {
  width: 11px;
  height: 17px;
  border-radius: 5px;
  background-color: rgba(231, 231, 231, 0.4392156863);
}
.relatorio-instituicao-ia__competencia--tabela p {
  font-size: 1.2rem;
  width: 85%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__competencia--tabela--mobile {
    display: block;
    position: relative;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__competencia--tabela {
    display: none;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__competencia--tabela {
    display: none;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__competencia {
    margin: 4rem 0rem 3rem;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__competencia {
    margin: 2rem 0rem 0rem;
  }
}
.relatorio-instituicao-ia__familia-competencia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5rem;
}
.relatorio-instituicao-ia__familia-competencia--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 1140px;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__familia-competencia--content {
    text-align: center;
    width: 95%;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__familia-competencia--content {
    text-align: center;
    width: 95%;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__familia-competencia--content {
    text-align: center;
    width: 95%;
  }
}
.relatorio-instituicao-ia__familia-competencia--titulo {
  font-size: 2rem;
  margin: 0rem 0rem 2rem 0.75rem;
  color: #808080;
  text-align: start;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__familia-competencia--titulo {
    font-size: 1.75rem;
    font-weight: 500;
    margin: 1rem auto;
  }
}
.relatorio-instituicao-ia__familia-competencia .row {
  width: 1140px;
  padding: 0rem 1rem;
  margin: auto;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__familia-competencia .row {
    width: 100%;
  }
}
.relatorio-instituicao-ia__familia-competencia--blocos-empty {
  width: 100%;
}
.relatorio-instituicao-ia__familia-competencia--blocos-empty li {
  height: 15rem;
}
.relatorio-instituicao-ia__familia-competencia--blocos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 3rem 2rem;
  width: 100%;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__familia-competencia--blocos ul {
    gap: 2rem;
  }
}
.relatorio-instituicao-ia__familia-competencia--blocos li {
  width: 48%;
  background-color: #fff;
  padding: 2rem;
  color: #808080;
  border-radius: 0 1rem;
  line-height: 1.5rem;
  font-size: 1.1rem;
}
.relatorio-instituicao-ia__familia-competencia--blocos h3 {
  color: #58749e;
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__familia-competencia--blocos {
    display: none;
  }
}
.relatorio-instituicao-ia__sugestao-aula {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5rem 0rem 0rem;
}
.relatorio-instituicao-ia__sugestao-aula--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 1140px;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__sugestao-aula--content {
    text-align: center;
    width: 95%;
  }
}
@media (max-width: 899px) {
  .relatorio-instituicao-ia__sugestao-aula--content {
    text-align: center;
    width: 95%;
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__sugestao-aula--content {
    text-align: center;
    width: 95%;
  }
}
.relatorio-instituicao-ia__sugestao-aula--titulo {
  font-size: 2rem;
  margin: 0rem 0rem 2rem 0.75rem;
  color: #808080;
  text-align: start;
}
.relatorio-instituicao-ia__sugestao-aula--card {
  margin-bottom: 1.2rem;
}
.relatorio-instituicao-ia__sugestao-aula--card .report-inst__prioridades--quadrante {
  min-width: 2.8rem;
  height: 2.7rem;
  font-size: 1.2rem;
  padding: 0.75rem 0rem;
}
.relatorio-instituicao-ia__sugestao-aula--card .block-des__nome-aulas {
  margin: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.relatorio-instituicao-ia__sugestao-aula--card .block-des__nome-aulas p {
  font-size: 1.3rem;
}
.relatorio-instituicao-ia__sugestao-aula--card .accordion-header {
  height: 5.5rem;
  background-color: #fafafa;
}
.relatorio-instituicao-ia__sugestao-aula--card .accordion-header:after {
  bottom: 1.3rem !important;
  color: #1A2E3D !important;
}
.relatorio-instituicao-ia__sugestao-aula--card .accordion-body {
  background-color: #fafafa;
}
.relatorio-instituicao-ia__sugestao-aula--card .block-des__nome-aulas p {
  color: #808080;
  font-weight: 400;
}
.relatorio-instituicao-ia__sugestao-aula--blocos-empty {
  width: 100%;
}
.relatorio-instituicao-ia__sugestao-aula--blocos-empty ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
@media (max-width: 1199px) {
  .relatorio-instituicao-ia__sugestao-aula--blocos-empty ul {
    gap: 2rem;
  }
}
.relatorio-instituicao-ia__sugestao-aula--blocos-empty li {
  height: 6rem;
  width: 100%;
  background-color: #fafafa;
  border-radius: 1rem;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown {
  margin: 1rem 0;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown a {
  text-decoration: none;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.relatorio-instituicao-ia__sugestao-aula .dropdown [data-toggle=dropdown] {
  position: relative;
  display: block;
  color: #808080;
  font-weight: 600;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
  padding: 10px;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 1.7em;
  color: #765ba4;
  top: 14px;
  right: 10px;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .icon-arrow.open {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .icon-arrow.close {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .icon-arrow:before {
  content: "▼";
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .dropdown-menu {
  height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .dropdown-menu li {
  padding: 0;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .dropdown-menu li a {
  display: block;
  color: #6f6f6f;
  background: #eee;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
          box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .dropdown-menu li a:hover {
  background: #f6f6f6;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .show,
.relatorio-instituicao-ia__sugestao-aula .dropdown .hide {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .show {
  display: block;
  height: 99px;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-animation: showAnimation 0.5s ease-in-out;
          animation: showAnimation 0.5s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.relatorio-instituicao-ia__sugestao-aula .dropdown .hide {
  height: 0;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-animation: hideAnimation 0.4s ease-out;
          animation: hideAnimation 0.4s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}
.relatorio-instituicao-ia__sugestao-aula #menu {
  height: 260px;
  overflow: hidden;
  opacity: 1;
}
.relatorio-instituicao-ia__sugestao-aula #menu.show {
  height: 260px;
  -webkit-animation: showAnimation 0.5s ease-in-out;
          animation: showAnimation 0.5s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.relatorio-instituicao-ia__sugestao-aula #menu.hide {
  max-height: 0;
  -webkit-animation: hideAnimation 0.4s ease-out;
          animation: hideAnimation 0.4s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}
@-webkit-keyframes showAnimation {
  0% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.04);
            transform: scaleY(1.04);
  }
  60% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.04);
            transform: scaleY(1.04);
  }
  100% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.02);
            transform: scaleY(1.02);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes showAnimation {
  0% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.04);
            transform: scaleY(1.04);
  }
  60% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.04);
            transform: scaleY(1.04);
  }
  100% {
    -webkit-transform: scaleY(0.98);
            transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.02);
            transform: scaleY(1.02);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@media (max-width: 599px) {
  .relatorio-instituicao-ia__sugestao-aula {
    display: none;
  }
}
.relatorio-instituicao-ia__banner-sugestao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0rem 0.75rem;
  margin: 7rem 0rem 0rem 0rem;
}
.relatorio-instituicao-ia__banner-sugestao img {
  position: relative;
  left: 0;
  width: 22%;
  z-index: 10;
  bottom: 1.5rem;
}
.relatorio-instituicao-ia__banner-sugestao--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #1B2E3D;
  border-radius: 27px;
  padding: 1.5rem 1.5rem 1.5rem 12rem;
  height: 11rem;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  min-width: 89%;
  right: 11%;
}
.relatorio-instituicao-ia__banner-sugestao--info a {
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  padding: 0.7rem 1.25rem;
  border-radius: 20px;
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.3);
  width: 40%;
  letter-spacing: 0.02em;
  margin: 1.5rem;
  -ms-flex-line-pack: center;
      align-content: center;
}
.relatorio-instituicao-ia__banner-sugestao--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  color: white;
  width: 55%;
}
.relatorio-instituicao-ia__banner-sugestao--text h1 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.relatorio-instituicao-ia__banner-sugestao--text p {
  font-size: 16px;
  font-weight: 200;
}
.relatorio-instituicao-ia__visao-competencias--titulo-grafico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: 29rem;
}
.relatorio-instituicao-ia__visao-competencias--titulo-grafico span {
  width: 11%;
  height: 10%;
  display: -webkit-box;
  border-radius: 100%;
  padding: 0.5rem;
  margin: 0rem 1rem;
}
.relatorio-instituicao-ia__visao-competencias--titulo-grafico--autogestao span {
  background-color: #5fb34b !important;
}
.relatorio-instituicao-ia__visao-competencias--titulo-grafico--abertura span {
  background-color: #765ba4 !important;
}
.relatorio-instituicao-ia__visao-competencias--titulo-grafico--engajamento span {
  background-color: #f5ba2f !important;
}
.relatorio-instituicao-ia__visao-competencias--titulo-grafico--amabilidade span {
  background-color: #e61e44 !important;
}
.relatorio-instituicao-ia__visao-competencias--titulo-grafico--modulacao span {
  background-color: #4ea3da !important;
}
.relatorio-instituicao-ia__visao-competencias--grafico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #808080;
  font-size: 1rem;
  margin: 1rem auto;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
  width: 85%;
  padding: 1rem;
  border-radius: 15px;
}
.relatorio-instituicao-ia__visao-competencias--grafico--porcentagem {
  font-weight: bold;
}
.relatorio-instituicao-ia__visao-competencias--grafico--box {
  min-height: 22rem;
}
.relatorio-instituicao-ia__visao-competencias--grafico--detalhes {
  background-color: #61b44e;
  border-radius: 100%;
  padding: 0.5rem;
  width: 4rem;
  height: 4rem;
  text-align: center;
  margin: auto;
  display: block;
}
.relatorio-instituicao-ia__visao-competencias--celula {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0rem 0.5rem;
  width: 3.2rem;
  height: 3rem;
  vertical-align: middle;
  font-size: 1.5rem;
  font-weight: 600;
}
.relatorio-instituicao-ia__visao-competencias h1 {
  color: #808080;
  font-weight: 400;
  font-size: 2rem;
  margin-left: 0.75rem;
  line-height: initial;
}
.relatorio-instituicao-ia__visao-competencias h2 {
  color: #808080;
  font-weight: 400;
  font-size: 1.75rem;
  margin-left: 0.25rem;
  line-height: 3.1rem;
}
.relatorio-instituicao-ia__visao-competencias h3 {
  color: #808080;
  font-weight: 300;
  font-size: 2rem;
  margin-left: 0.75rem;
  line-height: initial;
  margin: 1rem auto 0rem;
}
.relatorio-instituicao-ia__visao-competencias h4 {
  color: #808080;
  font-weight: 400;
  font-size: 1.75rem;
  margin-left: 0.25rem;
  line-height: 3.1rem;
  margin: auto;
}
.relatorio-instituicao-ia__visao-competencias p {
  color: #808080;
  font-size: 1.15rem;
  font-weight: normal;
  line-height: 2;
  padding: 1rem 0 0 0.5rem;
}
.relatorio-instituicao-ia__visao-competencias .barras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.relatorio-instituicao-ia__visao-competencias .autogestao {
  background: #5fb34b;
}
.relatorio-instituicao-ia__visao-competencias .abertura {
  background: #765ba4;
}
.relatorio-instituicao-ia__visao-competencias .modulacao {
  background: #4ea3da;
}
.relatorio-instituicao-ia__visao-competencias .engajamento {
  background: #f5ba2f;
}
.relatorio-instituicao-ia__visao-competencias .amabilidade {
  background: #e61e44;
}

.coreskills-tag-nr {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-bottom: 1rem;
  border: solid 1px;
  border-radius: 50px;
  padding: 0.5rem 1rem;
  font-size: 12px;
  font-family: inherit;
  font-weight: 500;
}

.coreskills-tag-nr-r1 {
  color: darkgreen;
  background-color: lightgreen;
}

.coreskills-tag-nr-r2 {
  color: rgb(106, 114, 0);
  background-color: palegoldenrod;
}

.coreskills-tag-nr-r3 {
  color: rgb(121, 0, 0);
  background-color: lightcoral;
}

.loader-aulas-container {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 10vh;
  overflow: hidden;
  margin-bottom: 2rem;
}
.loader-aulas-container .circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loader-aulas-container .circle:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  opacity: 0.7;
  -webkit-animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
          animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
.loader-aulas-container .circle-1 {
  background-color: #bfd2dc;
}
.loader-aulas-container .circle-1:before {
  background-color: #bfd2dc;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.loader-aulas-container .circle-2 {
  background-color: #8faab5;
}
.loader-aulas-container .circle-2:before {
  background-color: #8faab5;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.loader-aulas-container .circle-3 {
  background-color: #7097a7;
}
.loader-aulas-container .circle-3:before {
  background-color: #7097a7;
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}
.loader-aulas-container .circle-4 {
  background-color: #518499;
}
.loader-aulas-container .circle-4:before {
  background-color: #518499;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
.loader-aulas-container .circle-5 {
  background-color: #0a3c5b;
}
.loader-aulas-container .circle-5:before {
  background-color: #0a3c5b;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%, 75% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%, 75% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
  78%, 100% {
    opacity: 0;
  }
}

#filter-instituicao {
  width: 100%;
  padding: 1rem;
}

.loader-instituicao-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-bottom: 0;
  font-weight: 500;
  background-color: #333;
  width: 50%;
  color: #fff;
  border-radius: inherit;
  padding: 0.5rem;
  position: absolute;
  z-index: 999;
  opacity: 0.85;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* ====== Smooth expand/collapse do dropup ====== */
.relatorio-instituicao-ia__topo .dropup-menu {
  overflow: hidden;
  height: 0;
  /* fechado */
  opacity: 0;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  pointer-events: none;
  -webkit-transition: height 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  transition: height 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  -o-transition: height 300ms ease, opacity 200ms ease, transform 300ms ease;
  transition: height 300ms ease, opacity 200ms ease, transform 300ms ease;
  transition: height 300ms ease, opacity 200ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}

.relatorio-instituicao-ia__topo .dropup-menu.show {
  /* quando aberto, o JS define height dinamicamente e depois volta para 'auto' */
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}

.gradient-start {
  padding: 2rem;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(250, 250, 250)), color-stop(81%, rgb(26, 46, 61)));
  background-image: -o-linear-gradient(bottom, rgb(250, 250, 250) 0%, rgb(26, 46, 61) 81%);
  background-image: linear-gradient(0deg, rgb(250, 250, 250) 0%, rgb(26, 46, 61) 81%);
  background-blend-mode: exclusion;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.gradient-end {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), color-stop(81%, rgb(215, 209, 209)));
  background: -o-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(215, 209, 209) 81%);
  background: linear-gradient(180deg, rgb(250, 250, 250) 0%, rgb(215, 209, 209) 81%);
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.relatorio-instituicao-impresso__conteudo {
  max-width: 850px;
  max-height: 90vh;
  padding: 1rem;
  background-color: #f0f0f0;
  overflow-y: auto;
}

.relatorio-instituicao-impresso__botao-imprimir {
  background-color: #3fa5c3;
  color: hsl(210, 15%, 96%);
  padding: 0.6rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 700;
  margin-right: 0.5rem;
}

.relatorio-instituicao-impresso {
  width: 794px;
  margin: 0 auto;
  padding: 2rem;
  background-color: hsl(210, 15%, 96%);
  color: #4d4d4d;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-top: 2rem;
}
.relatorio-instituicao-impresso__cabecalho {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.relatorio-instituicao-impresso__cabecalho--logo {
  width: 11rem;
  margin-right: 1.5rem;
}
.relatorio-instituicao-impresso__cabecalho--titulo {
  font-size: 1.2rem;
  font-weight: 700;
  color: #4d4d4d;
}
.relatorio-instituicao-impresso__cabecalho--instituicao {
  font-size: 1rem;
  font-weight: 600;
}
.relatorio-instituicao-impresso__cabecalho--filtros, .relatorio-instituicao-impresso__cabecalho--data {
  font-size: 0.85rem;
  color: #808080;
}
.relatorio-instituicao-impresso__coreskills-fixos__conteudo > p {
  font-size: 1rem;
  line-height: 18px;
}
.relatorio-instituicao-impresso__coreskills-fixos__conteudo > dl > dt {
  margin: 0.5rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 18px;
}
.relatorio-instituicao-impresso__coreskills-fixos__conteudo > dl > dt::before {
  content: ">";
  padding-right: 0.5rem;
}
.relatorio-instituicao-impresso__coreskills-fixos__conteudo > ul {
  padding-left: 40px;
}
.relatorio-instituicao-impresso__coreskills-fixos__conteudo > ul > li {
  padding: 0.5rem;
  list-style-type: disc !important;
  display: list-item;
}
.relatorio-instituicao-impresso__secao {
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
}
.relatorio-instituicao-impresso__secao--titulo {
  font-size: 1.1rem;
  font-weight: 700;
  color: #4d4d4d;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  -webkit-column-break-after: avoid;
          break-after: avoid;
  page-break-after: avoid;
}
.relatorio-instituicao-impresso__resumo {
  font-size: 0.95rem;
  line-height: 1.5rem;
}
.relatorio-instituicao-impresso__resumo > #VisaoGeral {
  line-height: 18px;
}
.relatorio-instituicao-impresso__grupo-nivel {
  margin-bottom: 1.5rem;
}
.relatorio-instituicao-impresso__grupo-nivel--titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #808080;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  margin-bottom: 0.75rem;
  -webkit-column-break-after: avoid;
          break-after: avoid;
  page-break-after: avoid;
}
.relatorio-instituicao-impresso__grupo-nivel--bolinhas {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.relatorio-instituicao-impresso__grupo-nivel--bolinha {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}
.relatorio-instituicao-impresso__competencia {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #ececec;
  background-color: #fafafa;
}
.relatorio-instituicao-impresso__competencia--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.relatorio-instituicao-impresso__competencia--sigla {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 5px;
  font-weight: 700;
  color: hsl(210, 15%, 96%);
}
.relatorio-instituicao-impresso__competencia--sigla-autogestao {
  background-color: #8AB925;
}
.relatorio-instituicao-impresso__competencia--sigla-abertura {
  background-color: #765AA3;
}
.relatorio-instituicao-impresso__competencia--sigla-modulacao {
  background-color: #3FA5C3;
}
.relatorio-instituicao-impresso__competencia--sigla-engajamento {
  background-color: #F4BB2F;
  color: #4d4d4d;
}
.relatorio-instituicao-impresso__competencia--sigla-amabilidade {
  background-color: #E61D47;
}
.relatorio-instituicao-impresso__competencia--nome {
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
}
.relatorio-instituicao-impresso__competencia--texto {
  font-size: 0.9rem;
  line-height: 1.4rem;
  text-align: justify;
}
.relatorio-instituicao-impresso__familias ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem 1rem;
  width: 100%;
  list-style: none;
  padding: 0;
}
.relatorio-instituicao-impresso__familias li {
  width: 48%;
  background-color: #fafafa;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #ececec;
  font-size: 0.9rem;
  line-height: 1.4rem;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  page-break-inside: avoid;
}
.relatorio-instituicao-impresso__familias h3 {
  color: #58749e;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.relatorio-instituicao-impresso__aula-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  page-break-inside: avoid;
}
.relatorio-instituicao-impresso__aula-linha--comp {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 700;
  color: hsl(210, 15%, 96%);
}
.relatorio-instituicao-impresso__aula-linha--comp-autogestao {
  background-color: #8AB925;
}
.relatorio-instituicao-impresso__aula-linha--comp-abertura {
  background-color: #765AA3;
}
.relatorio-instituicao-impresso__aula-linha--comp-modulacao {
  background-color: #3FA5C3;
}
.relatorio-instituicao-impresso__aula-linha--comp-engajamento {
  background-color: #F4BB2F;
  color: #4d4d4d;
}
.relatorio-instituicao-impresso__aula-linha--comp-amabilidade {
  background-color: #E61D47;
}
.relatorio-instituicao-impresso__aula-linha--titulo {
  font-size: 0.9rem;
  margin: 0;
}
.relatorio-instituicao-impresso__aula-linha--badge {
  font-size: 0.75rem;
  color: #808080;
  font-style: italic;
}

@media print {
  @page {
    size: A4;
    margin: 1.5cm;
  }
  .main__introducao,
  #header-geral,
  .header-fundo {
    display: none !important;
  }
  #modal-impressao {
    position: static !important;
    overflow: visible !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  #modal-impressao .modal__overlayer {
    display: none !important;
  }
  #modal-impressao .modal__content {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    top: auto !important;
    left: auto !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .relatorio-instituicao-impresso__conteudo {
    max-width: 100%;
    max-height: none;
    overflow: visible;
    background-color: transparent;
  }
  .relatorio-instituicao-impresso__noprint {
    display: none !important;
  }
  .relatorio-instituicao-impresso {
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
  }
  .relatorio-instituicao-impresso__competencia--sigla,
  .relatorio-instituicao-impresso__aula-linha--comp,
  .relatorio-instituicao-impresso__grupo-nivel--bolinha,
  .relatorio-instituicao-impresso__competencia,
  .relatorio-instituicao-impresso__familias li {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}
.formacao__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formacao__section--blocos {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 599px) {
  .formacao__section--blocos {
    margin-top: 2rem;
  }
}
.formacao__section--bloco {
  width: -webkit-fill-available;
  height: 22rem;
  border-radius: 20px;
  background-color: #d0d0d0;
  position: relative;
}
@media (max-width: 599px) {
  .formacao__section--bloco {
    display: none;
  }
}
.formacao__section--bloco--1 {
  width: 100%;
  margin: 1rem 0rem;
  background-image: url(/assets/img/curso-formacao-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 599px) {
  .formacao__section--bloco--1 {
    margin: 1.75rem 0rem 1rem;
  }
}
.formacao__section--bloco--71 {
  width: 48.5%;
  margin: 1rem 0rem;
  background-image: url(/assets/img/curso-formacao-2.png);
  background-position: center;
  background-size: cover;
}
@media (max-width: 599px) {
  .formacao__section--bloco--71 {
    margin: 0.9rem 0rem;
    width: 100%;
    height: 13rem;
  }
}
.formacao__section--bloco--72 {
  width: 48.5%;
  margin: 1rem 0rem;
  background-image: url(/assets/img/curso-formacao-3.png);
  background-position: center;
  background-size: cover;
}
@media (max-width: 599px) {
  .formacao__section--bloco--72 {
    margin: 0.9rem 0rem;
    width: 100%;
    height: 13rem;
  }
}
.formacao__section--bloco--73 {
  width: 48.5%;
  margin: 1rem 0rem;
  background-image: url(/assets/img/curso-formacao-4.png);
  background-position: center;
  background-size: cover;
}
@media (max-width: 599px) {
  .formacao__section--bloco--73 {
    margin: 1.75rem 0rem;
    width: 100%;
    height: 13rem;
  }
}
.formacao__section--bloco--74 {
  width: 48.5%;
  margin: 1rem 0rem;
  background-image: url(/assets/img/curso-formacao-5.jpeg);
  background-position: center;
  background-size: cover;
}
.formacao__section--bloco--74 > div > p {
  text-shadow: 2px 2px 2px rgb(0, 0, 0);
}
@media (max-width: 599px) {
  .formacao__section--bloco--74 {
    margin: 1.75rem 0rem;
    width: 100%;
    height: 13rem;
  }
}
.formacao__section--bloco--titulo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 12rem;
}
.formacao__section--bloco--titulo--1 {
  width: 17%;
}
.formacao__section--bloco--titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0rem 1.5rem 1.5rem 0rem;
}
.formacao__section--bloco--titulo p {
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: end;
}
.formacao__section--bloco--titulo button {
  min-height: 2.8rem;
  margin: 0 1.5rem 0 auto !important;
  max-width: 15rem;
  right: 0 !important;
}
@media (min-width: 601px) {
  .formacao__section--bloco--titulo button {
    left: 0;
  }
}
@media (max-width: 599px) {
  .formacao__section--bloco--titulo button {
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .formacao__section--bloco--titulo button span {
    margin: auto 0.5rem;
  }
}
@media (max-width: 1799px) {
  .formacao__section--bloco--titulo button span {
    margin: auto 0rem;
  }
}
@media (max-width: 899px) {
  .formacao__section--bloco--titulo {
    width: 95%;
  }
}
@media (max-width: 1199px) {
  .formacao__section--bloco--titulo {
    width: 95%;
  }
}
.formacao__section--bloco--icone {
  margin: auto 0.5rem;
}
.formacao__section--bloco--textos {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem 1rem;
  vertical-align: middle;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.formacao__section--bloco--textos p {
  font-size: 1rem;
  font-weight: 600;
  width: 95%;
}
.formacao__section--bloco--textos span {
  font-size: 1.12rem;
}
.formacao__section--bloco-mobile {
  width: -webkit-fill-available;
  height: auto;
  border-radius: 20px;
  background-color: white;
  position: relative;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
  margin: 0rem 0rem 2rem;
}
@media (min-width: 601px) {
  .formacao__section--bloco-mobile {
    display: none;
  }
}
.formacao__section--bloco-mobile--1 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-1.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-1.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.formacao__section--bloco-mobile--71 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-2.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-2.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.formacao__section--bloco-mobile--72 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-3.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-3.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.formacao__section--bloco-mobile--73 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-4.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-4.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-4.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.formacao__section--bloco-mobile--74 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-5.jpeg);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-5.jpeg);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-5.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.formacao__section--bloco-mobile--titulo {
  width: 85%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 10px;
}
.formacao__section--bloco-mobile--titulo p {
  font-size: 17px;
  color: white;
  font-weight: 600;
}
.formacao__section--bloco-mobile--icon {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(255, 255, 255, 0.2705882353);
  width: 2rem;
  height: 2rem;
  border-radius: 20px;
  border: solid 1px white;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1882352941);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1882352941);
  color: #ffffff;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 20px;
  font-weight: 600;
}
.formacao__section--bloco-mobile--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 15px;
  gap: 1rem;
}
.formacao__section--bloco-mobile--info p {
  color: #808080;
  font-size: 12px;
  font-weight: 400;
}
.formacao__section--bloco-mobile--info--atributos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 10px;
  font-size: 10px;
}
.formacao__section--bloco-mobile--info--atributos--1 p {
  background-color: rgba(252, 170, 89, 0.1607843137);
  color: #FCAB59;
  border-radius: 8px;
  padding: 5px 10px;
}
.formacao__section--bloco-mobile--info--atributos--71 p {
  background-color: rgba(88, 146, 136, 0.1607843137);
  color: #589288;
  border-radius: 8px;
  padding: 5px 10px;
}
.formacao__section--bloco-mobile--info--atributos--72 p {
  background-color: rgba(162, 23, 84, 0.1607843137);
  color: #A21754;
  border-radius: 8px;
  padding: 5px 10px;
}
.formacao__section--bloco-mobile--info--atributos--73 p {
  background-color: rgba(47, 40, 38, 0.1607843137);
  color: #2F2826;
  border-radius: 8px;
  padding: 5px 10px;
}
.formacao__section--bloco-mobile--info--atributos--74 p {
  background-color: rgba(13, 65, 115, 0.1607843137);
  color: #0D4173;
  border-radius: 8px;
  padding: 5px 10px;
}
.formacao__section--bloco-mobile--info button {
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 1rem 2.5rem;
  border-radius: 14px;
}
.formacao__section--historia {
  background: -webkit-gradient(linear, left top, right top, from(rgb(136, 149, 228)), to(rgb(132, 82, 146)));
  background: -o-linear-gradient(left, rgb(136, 149, 228) 0%, rgb(132, 82, 146) 100%);
  background: linear-gradient(90deg, rgb(136, 149, 228) 0%, rgb(132, 82, 146) 100%);
  border-radius: 0 2.5rem 0 2.5rem;
  margin: 1rem 0rem;
  width: 100%;
  padding: 1rem;
}
.formacao__section--historia--bloco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fill-available;
  margin: 1rem auto;
}
.formacao__section--historia--titulo {
  font-size: 1.5rem;
  font-weight: 600;
}
.formacao__section--historia--blocos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
@media (max-width: 599px) {
  .formacao__section--historia--blocos {
    display: block;
  }
}
.formacao__section--historia--icone {
  margin: 0;
}
@media (max-width: 599px) {
  .formacao__section--historia--icone {
    min-width: 35%;
  }
}
@media (max-width: 899px) {
  .formacao__section--historia--icone {
    margin: 2rem 1rem !important;
  }
}
@media (max-width: 1199px) {
  .formacao__section--historia--icone {
    margin: 2rem 1rem;
  }
}
@media (max-width: 1799px) {
  .formacao__section--historia--icone {
    margin: 0;
  }
}
@media (max-width: 599px) {
  .formacao__section--historia {
    width: 92%;
  }
}
.formacao__section--menu {
  background-color: #845292;
  height: auto;
  padding: 1.3rem 1.5rem;
  border-radius: 0 2.5rem;
  position: relative;
  max-width: 27rem;
  min-width: 27rem;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
}
.formacao__section--menu--menu-aula {
  max-width: 20rem;
  min-width: 20rem;
  min-height: 96vh;
  max-height: 96vh;
  position: fixed;
}
@media (max-width: 599px) {
  .formacao__section--menu--menu-aula {
    min-height: 0vh;
    max-height: 25vh;
    position: relative;
  }
}
.formacao__section--menu-list {
  overflow-y: auto;
  scrollbar-width: none;
  max-height: 76vh;
}
@media (max-width: 599px) {
  .formacao__section--menu-list {
    max-height: 6vh;
  }
}
.formacao__section--menu p {
  font-size: 1.1rem;
}
.formacao__section--menu--cabecalho {
  font-size: 1rem;
  margin: 2rem 0;
}
.formacao__section--menu--cabecalho--titulo {
  font-size: 1.5rem !important;
  font-weight: 600;
  margin: 0.75rem 0rem;
  min-width: auto;
}
@media (max-width: 599px) {
  .formacao__section--menu--cabecalho {
    margin: 2rem 0 1rem;
  }
}
.formacao__section--menu--titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.formacao__section--menu--titulo p {
  margin: 0rem 1rem;
  font-weight: 600;
  font-size: 1.4rem;
  -ms-flex-item-align: center;
      align-self: center;
}
.formacao__section--menu--titulo span {
  -ms-flex-item-align: center;
      align-self: center;
}
.formacao__section--menu--titulo span img {
  width: 100%;
}
.formacao__section--menu--aulas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 1rem 0;
  padding: 0rem 0.25rem;
}
.formacao__section--menu--aulas span {
  font-size: 1.12rem;
  border: 1px solid #fff;
  border-radius: 100%;
  min-width: 2rem;
  max-height: 2.2rem;
  display: block;
  text-align: center;
  padding: 0.3rem;
  font-weight: 700;
  line-height: 1.4rem;
  -ms-flex-item-align: center;
      align-self: center;
}
.formacao__section--menu--aulas p {
  font-size: 1rem;
  margin: 0.5rem;
  max-width: 83%;
  -ms-flex-item-align: center;
      align-self: center;
}
.formacao__section--menu--aulas p b {
  font-weight: 600;
}
.formacao__section--menu--aulas .desativado {
  opacity: 0.5;
}
.formacao__section--menu--aulas button {
  background-color: #fff;
  color: #845292;
  border-radius: 6px;
  font-size: 0.8rem;
  padding: 0.5rem;
  font-weight: 600;
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 6rem;
  text-align: center;
}
.formacao__section--menu--aulas--questao span {
  font-weight: 500;
  border: 0px;
}
.formacao__section--menu--aulas--infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
@media (max-width: 599px) {
  .formacao__section--menu--aulas--infos {
    display: none;
  }
}
.formacao__section--menu--aulas--selected {
  background-color: #91689d;
  border-radius: 22px;
  padding: 0.5rem;
}
.formacao__section--menu .nome {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0;
}
.formacao__section--menu .progressBar {
  position: relative;
  text-align: left;
  width: 100%;
  display: inline-block;
}
.formacao__section--menu .progressBar h4 {
  font-size: 13px;
  text-transform: none;
  margin-bottom: 7px;
  margin: -2px 0 0 2px;
  color: #fff;
  font-weight: 400;
}
.formacao__section--menu .progressBarValue {
  height: 8px;
  border-radius: 0.3em;
}
.formacao__section--menu .progressBarcontainer-barra {
  width: 100%;
  height: 10px;
  border-radius: 0.3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formacao__section--menu .barra {
  background: #ffffff;
  /* Old browsers */
}
@media (max-width: 1199px) {
  .formacao__section--menu {
    max-width: 22rem;
    min-width: 22rem;
  }
}
@media (max-width: 599px) {
  .formacao__section--menu {
    display: none;
  }
}
.formacao__section--menu-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 601px) {
  .formacao__section--menu-mobile {
    display: none;
  }
}
.formacao__section--menu-mobile button {
  width: 10.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 0.5rem 0.75rem;
  border-radius: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(128, 128, 128, 0.1450980392);
  color: #808080;
}
.formacao__section--menu-mobile button p {
  font-size: 13px;
}
.formacao__section--menu-mobile--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.75rem 0.5rem 0.5rem;
  gap: 1.5rem;
  border: solid 1px rgba(222, 222, 222, 0.6705882353);
  border-radius: 20px;
}
.formacao__section--menu-mobile--cabecalho {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: end;
  padding: 0rem 0.5rem;
}
.formacao__section--menu-mobile--titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.formacao__section--menu-mobile--titulo P {
  color: rgba(128, 128, 128, 0.6901960784);
  font-size: 12px;
  font-weight: 400;
}
.formacao__section--menu-mobile--titulo h1 {
  color: #845292;
  font-size: 15px;
  font-weight: 600;
}
.formacao__section--menu-mobile .course-ring {
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.formacao__section--menu-mobile .course-ring svg {
  width: 50px;
  height: 50px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  /* começa no topo */
}
.formacao__section--menu-mobile .course-ring circle {
  fill: none;
  stroke-width: 7;
}
.formacao__section--menu-mobile .ring-track {
  stroke: rgba(128, 128, 128, 0.1450980392);
}
.formacao__section--menu-mobile .ring-fill {
  stroke: #845292;
  stroke-linecap: round;
  stroke-dasharray: 157;
  /* 2πr, r=25 */
  stroke-dashoffset: calc(157 - 157 * var(--pct) / 100);
  -webkit-transition: stroke-dashoffset 0.4s ease;
  -o-transition: stroke-dashoffset 0.4s ease;
  transition: stroke-dashoffset 0.4s ease;
}
.formacao__section--menu-mobile .ring-label {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 600 14px "Baloo 2", system-ui, sans-serif;
  color: #845292;
}
.formacao__section--menu-mobile--autores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(128, 128, 128, 0.1450980392);
  border-radius: 13px;
  padding: 0.75rem 0.7rem;
  color: #808080;
  font-size: 11px;
  font-weight: 300;
}
.formacao__section--menu-mobile--autores img {
  max-width: 90%;
}
.formacao__section--menu-mobile--menu-aula {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 101%;
  padding: 20px 16px 14px;
  color: #fff;
  background: -o-linear-gradient(315deg, #845292, #9c6bab);
  background: linear-gradient(135deg, #845292, #9c6bab);
}
.formacao__section--menu-mobile--menu-aula button {
  width: 5.5rem;
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
.formacao__section--menu-mobile--menu-aula h1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 16px;
}
.formacao__section--menu-mobile--secao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 1rem;
  margin: 0rem 0.5rem;
  width: auto;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 1rem 0.75rem;
  border-radius: 14px;
}
@media (min-width: 601px) {
  .formacao__section--menu-mobile--secao {
    display: none;
  }
}
.formacao__section--menu-mobile--secao span {
  color: #845292;
  background-color: white;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  padding: 0.3rem;
  font-weight: 900;
  -ms-flex-line-pack: center;
  align-content: center;
}
.formacao__section--menu-mobile--secao--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.formacao__section--menu-mobile--secao h1 {
  font-size: 15px;
}
.formacao__section--menu-mobile--secao p {
  font-size: 10px;
}
.formacao__section--menu-mobile--secao--infos {
  display: none;
}
.formacao__section--menu-mobile--percent {
  height: 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.25);
  overflow: hidden;
  margin: -5px 0.5rem 0rem;
}
.formacao__section--menu-mobile--percent i {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.formacao__section--conteudo {
  width: 100%;
  margin-left: 2rem;
}
.formacao__section--conteudo-aula {
  margin-left: 22rem;
}
@media (max-width: 1199px) {
  .formacao__section--conteudo-aula {
    margin-left: 23rem;
  }
}
.formacao__section--conteudo--videoapresentacao {
  height: 33rem;
  padding: 1rem;
  position: relative;
  width: 100%;
}
.formacao__section--conteudo--videoapresentacao--imagem {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 28rem;
}
.formacao__section--conteudo--videoapresentacao--imagem--71 {
  background-image: url(/assets/img/curso-formacao-2.png);
}
.formacao__section--conteudo--videoapresentacao--imagem--72 {
  background-image: url(/assets/img/curso-formacao-3.png);
}
.formacao__section--conteudo--videoapresentacao--imagem--73 {
  background-image: url(/assets/img/curso-formacao-4.png);
}
.formacao__section--conteudo--videoapresentacao--imagem--74 {
  background-image: url(/assets/img/curso-formacao-5.jpeg);
}
@media (max-width: 599px) {
  .formacao__section--conteudo--videoapresentacao {
    height: 15rem;
    margin: 1.5rem 0rem 0rem;
  }
}
.formacao__section--conteudo--infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formacao__section--conteudo--infos .autor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 60%;
  max-width: 60%;
}
.formacao__section--conteudo--infos .autor p {
  color: #808080;
  font-size: 1.1rem;
  margin: 0.5rem 1rem;
  font-weight: 600;
}
.formacao__section--conteudo--infos .autor b {
  color: #845292;
  font-weight: 600;
  font-size: 1.15rem;
}
@media (max-width: 899px) {
  .formacao__section--conteudo--infos .autor span {
    min-width: 9%;
  }
}
@media (max-width: 899px) {
  .formacao__section--conteudo--infos .autor {
    min-width: 100%;
  }
}
.formacao__section--conteudo--infos .durac-prog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  max-width: 20%;
}
.formacao__section--conteudo--infos .durac-prog p {
  color: #808080;
  font-size: 0.9rem;
  margin-top: 0.8rem;
}
.formacao__section--conteudo--infos .durac-prog a {
  padding: 0.8rem 2rem;
  color: #fff;
  font-size: 1rem;
  margin: auto 0;
  font-weight: 500;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  width: 100%;
  text-align: center;
}
@media (max-width: 899px) {
  .formacao__section--conteudo--infos .durac-prog a {
    margin: 0rem;
  }
}
@media (max-width: 899px) {
  .formacao__section--conteudo--infos .durac-prog {
    width: 100%;
    max-width: 100%;
  }
}
.formacao__section--conteudo--infos .btn-certificado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  max-width: 20%;
}
.formacao__section--conteudo--infos .btn-certificado a {
  padding: 0.8rem 2rem;
  color: #fff;
  font-size: 1rem;
  margin: auto 0 auto 1rem;
  font-weight: 500;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  width: 100%;
  text-align: center;
}
@media (max-width: 899px) {
  .formacao__section--conteudo--infos .btn-certificado a {
    margin: 0rem;
  }
}
@media (max-width: 899px) {
  .formacao__section--conteudo--infos .btn-certificado {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 899px) {
  .formacao__section--conteudo--infos {
    display: block;
  }
}
.formacao__section--conteudo--sobre {
  color: #808080;
}
.formacao__section--conteudo-html, .formacao__section--conteudo-arquivo {
  padding: 0.75rem 0;
}
.formacao__section--conteudo-html-header, .formacao__section--conteudo-arquivo-header {
  background-color: rgba(145, 104, 157, 0.1215686275);
  border-radius: 0 2.5rem 0 0;
  color: black;
  display: block;
  padding: 3rem 4rem 3rem;
}
.formacao__section--conteudo-html-header h1, .formacao__section--conteudo-arquivo-header h1 {
  font-size: 35px;
  font-weight: 400;
  margin-top: 0.75rem;
  color: #303030;
}
.formacao__section--conteudo-html-header h3, .formacao__section--conteudo-arquivo-header h3 {
  font-size: 17px;
  font-weight: 300;
  color: #6a6a6a;
}
.formacao__section--conteudo-html-body, .formacao__section--conteudo-arquivo-body {
  color: #303030;
  margin: 2rem 0rem;
  padding: 0rem 3rem;
  min-height: 48.5vh;
}
.formacao__section--conteudo-html-body p, .formacao__section--conteudo-arquivo-body p {
  font-size: 1.4rem;
  line-height: 1.75;
}
.formacao__section--conteudo-html-body strong, .formacao__section--conteudo-arquivo-body strong {
  color: #845292;
}
.formacao__section--conteudo-html-body-buttons, .formacao__section--conteudo-arquivo-body-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formacao__section--conteudo-html-body-buttons a, .formacao__section--conteudo-arquivo-body-buttons a {
  border-radius: 5px;
  background-color: #845292;
  padding: 0.75rem 1.75rem;
  color: white;
  font-weight: 400;
  font-size: 14px;
  margin: 2rem 1.5rem;
}
.formacao__section--conteudo-html-footer, .formacao__section--conteudo-arquivo-footer {
  background-color: rgba(145, 104, 157, 0.1215686275);
  border-radius: 0 0 0 2.5rem;
  padding: 2.5rem 15%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formacao__section--conteudo-html-footer button, .formacao__section--conteudo-arquivo-footer button {
  border-radius: 5px;
  background-color: #845292;
  padding: 0.75rem 1.75rem;
  color: white;
  font-weight: 300;
  font-size: 15px;
}
.formacao__section--conteudo-video {
  background-color: rgba(145, 104, 157, 0.1215686275);
  border-radius: 0 2.5rem 0 2.5rem;
  margin: 0.75rem 0;
  padding: 2rem;
  height: 93vh;
}
.formacao__section--conteudo-video-screen {
  height: 100%;
  width: 100%;
}
.formacao__section--conteudo-video-screen iframe {
  height: 100%;
  width: 100%;
}
@media (max-width: 599px) {
  .formacao__section--conteudo-video {
    height: auto;
  }
}
.formacao__section--conteudo-quiz {
  background-color: rgba(145, 104, 157, 0.1215686275);
  border-radius: 0 2.5rem 0 2.5rem;
  margin: 0.75rem 0;
  padding: 2rem;
  min-height: 93vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formacao__section--conteudo-quiz-questao {
  background-color: white;
  height: 100%;
  width: 100%;
  border-radius: 0 1rem 0 1rem;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.02);
  padding: 1.5rem;
}
.formacao__section--conteudo-quiz-questao h1 {
  font-size: 25px;
  font-weight: 400;
  margin: 1rem 0rem 3rem;
  color: #303030;
}
.formacao__section--conteudo-quiz-questao h3 {
  font-size: 19px;
  font-weight: 300;
  color: #6a6a6a;
}
.formacao__section--conteudo-quiz-questao-alternativa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.5rem 0rem 0rem;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 85%;
  cursor: pointer;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos-item {
  background-color: rgba(145, 104, 157, 0.1215686275);
  height: 2rem;
  width: 2rem;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 50%;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos-item h3 {
  height: 100%;
  text-box: auto;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos .selected {
  background-color: #845292;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos .selected h3 {
  color: white;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos .correct {
  background-color: #5cc653 !important;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos .correct h3 {
  color: white;
}
.formacao__section--conteudo-quiz-questao-alternativa-textos-texto {
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0rem 1rem;
}
.formacao__section--conteudo-quiz-questao-alternativa button {
  border-radius: 5px;
  background-color: #845292;
  padding: 0.75rem 1.5rem;
  color: white;
  font-weight: 300;
  font-size: 13px;
  display: none;
}
.formacao__section--conteudo-quiz-botoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formacao__section--conteudo-quiz-botoes button {
  border-radius: 5px;
  background-color: #845292;
  padding: 0.5rem 1rem;
  color: white;
  font-weight: 400;
  font-size: 20px;
  margin: 1rem 0.75rem;
}
@media (max-width: 599px) {
  .formacao__section--conteudo {
    display: none;
  }
}
.formacao__section--conteudo-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 601px) {
  .formacao__section--conteudo-mobile {
    display: none;
  }
}
.formacao__section--conteudo-mobile button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 14px;
  font-size: 1rem;
  padding: 1rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formacao__section--conteudo-mobile--videoapresentacao {
  height: 15rem;
  margin: 1.5rem 0rem 0rem;
  padding: 1rem;
  position: relative;
  width: 100%;
}
.formacao__section--conteudo-mobile--videoapresentacao--imagem {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 10rem;
  border-radius: 20px;
}
.formacao__section--conteudo-mobile--videoapresentacao--imagem--71 {
  background-image: url(/assets/img/curso-formacao-2.png);
}
.formacao__section--conteudo-mobile--videoapresentacao--imagem--72 {
  background-image: url(/assets/img/curso-formacao-3.png);
}
.formacao__section--conteudo-mobile--videoapresentacao--imagem--73 {
  background-image: url(/assets/img/curso-formacao-4.png);
}
.formacao__section--conteudo-mobile--videoapresentacao--imagem--74 {
  background-image: url(/assets/img/curso-formacao-5.jpeg);
}
.formacao__section--conteudo-mobile--aulas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.formacao__section--conteudo-mobile--aulas p {
  color: #808080;
  font-size: 15px;
  font-weight: 600;
  margin-left: 0.5rem;
}
.formacao__section--conteudo-mobile--aula {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: 13px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.formacao__section--conteudo-mobile--aula span {
  color: #845292;
  font-size: 0.8rem;
  border: 2px solid #845292;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  padding: 0.3rem;
  font-weight: 900;
  -ms-flex-line-pack: center;
      align-content: center;
}
.formacao__section--conteudo-mobile--aula p {
  font-size: 13px;
  max-width: 83%;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0rem;
}
.formacao__section--conteudo-mobile--aula p b {
  color: #808080;
  font-weight: 500;
}
.formacao__section--conteudo-mobile--aula .desativado {
  opacity: 0.5;
}
.formacao__section--conteudo-mobile--aula button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 10px;
  font-size: 12px;
  padding: 0.7rem 0.25rem;
  font-weight: 400;
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 5.5rem;
  text-align: center;
}
.formacao__section--conteudo-mobile--aula--questao span {
  font-weight: 500;
  border: 0px;
}
.formacao__section--conteudo-mobile--aula--infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 601px) {
  .formacao__section--conteudo-mobile--aula--infos {
    display: none;
  }
}
.formacao__section--conteudo-mobile--aula--selected {
  background-color: #91689d;
  border-radius: 22px;
  padding: 0.5rem;
}
.formacao__section--secao-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 12rem 0rem 2rem;
}
@media (min-width: 601px) {
  .formacao__section--secao-mobile {
    display: none;
  }
}
.formacao__section--secao-mobile button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 14px;
  font-size: 1rem;
  padding: 1rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
}
.formacao__section--secao-mobile-html, .formacao__section--secao-mobile-arquivo, .formacao__section--secao-mobile-video, .formacao__section--secao-mobile-quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 1rem 0rem 3rem;
}
.formacao__section--secao-mobile-html h1, .formacao__section--secao-mobile-arquivo h1, .formacao__section--secao-mobile-video h1, .formacao__section--secao-mobile-quiz h1 {
  font-size: 25px;
  font-weight: 600;
  color: #303030;
}
.formacao__section--secao-mobile-html h2, .formacao__section--secao-mobile-arquivo h2, .formacao__section--secao-mobile-video h2, .formacao__section--secao-mobile-quiz h2 {
  font-size: 25px;
  font-weight: 300;
  color: #845292;
  background-color: rgba(132, 82, 146, 0.0705882353);
  padding: 1rem;
  border-radius: 13px;
}
.formacao__section--secao-mobile-html h3, .formacao__section--secao-mobile-arquivo h3, .formacao__section--secao-mobile-video h3, .formacao__section--secao-mobile-quiz h3 {
  font-size: 13px;
  font-weight: 300;
  color: #845292;
}
.formacao__section--secao-mobile-html p, .formacao__section--secao-mobile-arquivo p, .formacao__section--secao-mobile-video p, .formacao__section--secao-mobile-quiz p {
  color: #636363;
  font-size: 14px;
  font-weight: 500;
}
.formacao__section--secao-mobile-html-buttons, .formacao__section--secao-mobile-arquivo-buttons, .formacao__section--secao-mobile-video-buttons, .formacao__section--secao-mobile-quiz-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
}
.formacao__section--secao-mobile-html-buttons a, .formacao__section--secao-mobile-arquivo-buttons a, .formacao__section--secao-mobile-video-buttons a, .formacao__section--secao-mobile-quiz-buttons a {
  background: -o-linear-gradient(315deg, #845292, rgba(156, 107, 171, 0.8117647059));
  background: linear-gradient(135deg, #845292, rgba(156, 107, 171, 0.8117647059));
  border-radius: 14px;
  font-size: 1rem;
  padding: 1rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formacao__section--secao-mobile-html iframe, .formacao__section--secao-mobile-arquivo iframe, .formacao__section--secao-mobile-video iframe, .formacao__section--secao-mobile-quiz iframe {
  width: 100%;
  height: 215px;
}
.formacao__section--secao-mobile-html--alternativa, .formacao__section--secao-mobile-arquivo--alternativa, .formacao__section--secao-mobile-video--alternativa, .formacao__section--secao-mobile-quiz--alternativa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: 13px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.formacao__section--secao-mobile-html--alternativa span, .formacao__section--secao-mobile-arquivo--alternativa span, .formacao__section--secao-mobile-video--alternativa span, .formacao__section--secao-mobile-quiz--alternativa span {
  color: #845292;
  font-size: 1rem;
  border: 2px solid #845292;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  padding: 0.3rem;
  font-weight: 900;
  -ms-flex-line-pack: center;
      align-content: center;
}
.formacao__section--secao-mobile-html--alternativa p, .formacao__section--secao-mobile-arquivo--alternativa p, .formacao__section--secao-mobile-video--alternativa p, .formacao__section--secao-mobile-quiz--alternativa p {
  font-size: 13px;
  max-width: 83%;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0rem;
}
.formacao__section--secao-mobile-html--alternativa p b, .formacao__section--secao-mobile-arquivo--alternativa p b, .formacao__section--secao-mobile-video--alternativa p b, .formacao__section--secao-mobile-quiz--alternativa p b {
  color: #808080;
  font-weight: 500;
}
.formacao__section--secao-mobile-html--alternativa button, .formacao__section--secao-mobile-arquivo--alternativa button, .formacao__section--secao-mobile-video--alternativa button, .formacao__section--secao-mobile-quiz--alternativa button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 10px;
  font-size: 12px;
  padding: 0.7rem 0.25rem;
  font-weight: 400;
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 5.5rem;
  text-align: center;
  display: none;
}
.formacao__section--secao-mobile-html--alternativa--infos, .formacao__section--secao-mobile-arquivo--alternativa--infos, .formacao__section--secao-mobile-video--alternativa--infos, .formacao__section--secao-mobile-quiz--alternativa--infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 601px) {
  .formacao__section--secao-mobile-html--alternativa--infos, .formacao__section--secao-mobile-arquivo--alternativa--infos, .formacao__section--secao-mobile-video--alternativa--infos, .formacao__section--secao-mobile-quiz--alternativa--infos {
    display: none;
  }
}
.formacao__section--secao-mobile-html--nextback, .formacao__section--secao-mobile-arquivo--nextback, .formacao__section--secao-mobile-video--nextback, .formacao__section--secao-mobile-quiz--nextback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.75rem;
  padding-top: 1rem;
}
.formacao__section--secao-mobile-html--nextback button, .formacao__section--secao-mobile-arquivo--nextback button, .formacao__section--secao-mobile-video--nextback button, .formacao__section--secao-mobile-quiz--nextback button {
  background: none;
  background-color: rgba(132, 82, 146, 0.1411764706);
  color: #845292;
  border-radius: 10px;
  font-size: 17px;
  padding: 0.5rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
}
.formacao__section--secao-mobile-html .correct, .formacao__section--secao-mobile-arquivo .correct, .formacao__section--secao-mobile-video .correct, .formacao__section--secao-mobile-quiz .correct {
  background-color: rgba(92, 198, 83, 0.7294117647) !important;
}
.formacao__section--secao-mobile-html .correct p, .formacao__section--secao-mobile-arquivo .correct p, .formacao__section--secao-mobile-video .correct p, .formacao__section--secao-mobile-quiz .correct p {
  color: white;
}
.formacao__section--secao-mobile-html .correct span, .formacao__section--secao-mobile-arquivo .correct span, .formacao__section--secao-mobile-video .correct span, .formacao__section--secao-mobile-quiz .correct span {
  border: none;
  background-color: white;
  color: rgba(92, 198, 83, 0.7294117647);
  font-size: 1rem;
}
.formacao__section--secao-mobile-html .selected, .formacao__section--secao-mobile-arquivo .selected, .formacao__section--secao-mobile-video .selected, .formacao__section--secao-mobile-quiz .selected {
  border: solid 1px #845292;
}
.formacao__section--sobre {
  color: #808080;
}
.formacao__section--sobre h4 {
  font-size: 1.3rem;
  font-weight: bold;
}
.formacao__section--sobre p {
  font-size: 1rem;
  margin-top: 1rem;
  letter-spacing: 1px;
}
.formacao__section--sobre strong {
  color: #845292;
  font-size: bold;
}
@media (max-width: 599px) {
  .formacao__section--sobre {
    margin: 0rem 0rem 2rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.25rem;
    border: solid 1px a rgba(174, 174, 174, 0.67);
    border-radius: 20px;
    gap: 1rem;
  }
  .formacao__section--sobre h1 {
    color: #808080;
    font-size: 15px;
    font-weight: 600;
  }
  .formacao__section--sobre p {
    margin: 0rem;
    font-size: 12px;
    font-weight: 400;
  }
  .formacao__section--sobre--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .formacao__section--sobre--text br {
    display: none;
  }
}
.formacao__section--curso {
  color: #808080;
  margin-top: 3rem;
}
.formacao__section--curso p {
  font-size: 1rem;
}
@media (max-width: 599px) {
  .formacao__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.formacao__certificado {
  border: 1px solid hsl(214, 15%, 93%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 850px;
  font-size: 2rem;
  margin: 1.5rem;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  width: 63%;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
}
.formacao__certificado > * {
  z-index: 2;
}
.formacao__certificado__btn {
  font-size: medium;
  left: 65%;
  margin-bottom: 0;
  margin-left: 20px;
  margin-top: 20px;
  top: 3%;
  width: auto;
}
.formacao__certificado__img {
  height: 35px;
}
.formacao__certificado__content {
  z-index: 9;
  position: relative;
  height: 30rem;
}
.formacao__certificado__content p {
  text-align: right;
  width: 85%;
  color: #fff;
  font-size: 1.8rem;
  margin: 0.25rem 0rem;
  text-align: left;
  font-weight: 400;
  line-height: 3rem;
  word-wrap: break-word;
}
@media (max-width: 1799px) {
  .formacao__certificado__content p {
    width: 100%;
    line-height: 2rem;
    font-size: 1rem;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__content p {
    line-height: 1.5rem;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__content p {
    width: 90%;
    font-size: 0.6rem;
    line-height: 0.75rem;
  }
}
.formacao__certificado__content li {
  display: list-item;
  line-height: 4rem;
  margin: 0 2rem;
  font-size: 1.5rem;
}
@media (max-width: 1799px) {
  .formacao__certificado__content li {
    width: 95%;
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__content li {
    line-height: 1.75rem;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__content li {
    width: 95%;
    font-size: 0.6rem;
    line-height: 0.75rem;
  }
}
.formacao__certificado__content strong {
  font-weight: 600;
  font-size: inherit;
}
@media (max-width: 599px) {
  .formacao__certificado__content strong {
    font-size: 0.65rem;
  }
}
@media (max-width: 1199px) {
  .formacao__certificado__content {
    height: auto;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__content {
    height: 26rem;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__content {
    height: 20rem;
  }
}
.formacao__certificado__aux {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  margin-top: 0.8rem;
}
@media (max-width: 1799px) {
  .formacao__certificado__aux {
    font-size: 2rem;
  }
}
@media (max-width: 1199px) {
  .formacao__certificado__aux {
    font-size: 2rem;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__aux {
    font-size: 1.7rem;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__aux {
    font-size: 0.75rem;
    margin: 0.4rem 0rem 0.6rem;
  }
}
.formacao__certificado__aux img {
  border: 0;
  height: auto;
  max-width: 76%;
  vertical-align: middle;
  margin: auto;
  text-align: center;
  position: relative;
  display: block;
}
@media (max-width: 599px) {
  .formacao__certificado__aux img {
    max-width: 100%;
  }
}
.formacao__certificado__title {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 3rem;
  text-align: left;
  color: #fff;
}
@media (max-width: 1799px) {
  .formacao__certificado__title {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
}
@media (max-width: 1199px) {
  .formacao__certificado__title {
    margin-bottom: 2rem;
    font-size: 3rem;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__title {
    margin-bottom: 0;
    font-size: 2.5rem;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__title--2 {
    font-size: 1.3rem;
  }
}
.formacao__certificado__students-name {
  color: #fff;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  width: 75%;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
@media (max-width: 899px) {
  .formacao__certificado__students-name {
    font-size: 2rem;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__students-name {
    font-size: 0.7rem;
    width: 100%;
  }
}
.formacao__certificado__students-name--2 {
  font-size: 1.5rem !important;
}
@media (max-width: 599px) {
  .formacao__certificado__students-name--2 {
    font-size: 1rem !important;
  }
}
.formacao__certificado__ceo-signature {
  text-align: center;
  width: 100%;
}
.formacao__certificado__ceo-signature--bg-mode {
  background-image: url(/assets/img/assinatura.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 3rem;
}
@media (max-width: 1799px) {
  .formacao__certificado__ceo-signature {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .formacao__certificado__ceo-signature {
    width: 100%;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__ceo-signature {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__ceo-signature {
    width: 100%;
  }
}
.formacao__certificado__ceo-signature img {
  width: 20%;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  top: 2rem;
  position: relative;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1799px) {
  .formacao__certificado__ceo-signature img {
    width: 15%;
  }
}
@media (max-width: 1199px) {
  .formacao__certificado__ceo-signature img {
    margin-top: 4rem;
    width: 20%;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__ceo-signature img {
    margin-top: 1rem;
    width: 20%;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__ceo-signature img {
    margin-top: 0rem;
    width: 17%;
  }
}
.formacao__certificado__ceo-signature--2 img {
  margin-top: 2rem;
}
@media (max-width: 599px) {
  .formacao__certificado__ceo-signature--2 img {
    margin-top: -1rem;
  }
}
.formacao__certificado__ceo {
  font-weight: bold !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  width: 256px;
  margin-top: 4rem;
  top: 2rem;
  border-top: 1px solid #fff;
  width: 25% !important;
  position: relative;
  margin: auto;
}
@media (max-width: 1799px) {
  .formacao__certificado__ceo {
    font-size: 0.7rem !important;
  }
}
@media (max-width: 1199px) {
  .formacao__certificado__ceo {
    font-size: 1.1rem !important;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__ceo {
    width: 40% !important;
    margin-top: 0rem !important;
    font-size: 1.1rem !important;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__ceo {
    width: 40% !important;
    margin-bottom: 2rem !important;
    font-size: 0.6rem !important;
  }
}
.formacao__certificado__ceo--2 {
  font-weight: 500 !important;
  top: 2.2rem;
  padding: 0.2rem;
}
@media (max-width: 1799px) {
  .formacao__certificado__ceo--2 {
    font-size: 0.9rem !important;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__ceo--2 {
    font-size: 0.7rem !important;
  }
}
.formacao__certificado__ceo-aux {
  display: block;
  font-weight: 300;
  font-size: 1.2rem;
}
@media (max-width: 1799px) {
  .formacao__certificado__ceo-aux {
    font-size: 0.7rem !important;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__ceo-aux {
    font-size: 1rem !important;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__ceo-aux {
    font-size: 0.5rem !important;
  }
}
.formacao__certificado__ceo-aux--2 {
  margin-top: 0.2rem;
}
@media (max-width: 599px) {
  .formacao__certificado__ceo-aux--2 {
    font-size: 0.5rem !important;
  }
}
.formacao__certificado__noprint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 1rem;
}
.formacao__certificado__noprint button {
  padding: 0.8rem 2rem;
  color: #fff;
  font-size: 1rem;
  margin: auto 0 auto 1rem;
  font-weight: 500;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  text-align: center;
  width: 10%;
}
@media (max-width: 1199px) {
  .formacao__certificado__noprint button {
    width: 15%;
  }
}
@media (max-width: 899px) {
  .formacao__certificado__noprint button {
    width: 20%;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__noprint button {
    width: 100%;
    margin: 0.5rem 0rem;
  }
}
@media (max-width: 1799px) {
  .formacao__certificado__noprint {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 599px) {
  .formacao__certificado__noprint {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1rem 2rem;
  }
}
@media (max-width: 1799px) {
  .formacao__certificado {
    width: 44% !important;
    display: block;
    height: auto;
    background-size: contain;
  }
}
@media (max-width: 1199px) {
  .formacao__certificado {
    width: 76% !important;
    display: block;
    height: auto;
    height: 46rem;
    background-size: contain;
  }
}
@media (max-width: 899px) {
  .formacao__certificado {
    width: 75% !important;
    display: block;
    height: auto;
    background-size: contain;
  }
}
@media (max-width: 599px) {
  .formacao__certificado {
    width: 87% !important;
    display: block;
    padding: 0.8rem;
    height: auto;
    background-position: center;
  }
}
.formacao__certificado .fundo {
  position: absolute;
  top: 0;
  z-index: 0;
  left: 0;
}
.formacao__verso {
  border: 1px solid hsl(214, 15%, 93%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 705px;
  font-size: 2rem;
  margin: 1.5rem;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  width: 63%;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
}
@media (max-width: 1799px) {
  .formacao__verso {
    width: 44% !important;
    display: block;
    height: auto;
    background-size: contain;
  }
}
@media (max-width: 1199px) {
  .formacao__verso {
    width: 76% !important;
    display: block;
    height: auto;
    height: 46rem;
    background-size: contain;
  }
}
@media (max-width: 899px) {
  .formacao__verso {
    width: 75% !important;
    display: block;
    min-height: 30.5rem;
    height: auto;
    background-size: contain;
  }
}
@media (max-width: 599px) {
  .formacao__verso {
    width: 87% !important;
    display: block;
    padding: 0.8rem;
    height: auto;
    min-height: 16rem;
  }
}
.formacao__verso .fundo {
  position: absolute;
  top: 0;
  z-index: 0;
  left: 0;
}
.formacao__rodape__wrapper {
  background: -webkit-gradient(linear, left top, right top, from(#8895E4), to(#765AA3));
  background: -o-linear-gradient(left, #8895E4 0%, #765AA3 100%);
  background: linear-gradient(90deg, #8895E4 0%, #765AA3 100%);
  border-radius: 0 30px 0 30px;
  padding: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}
@media (max-width: 899px) {
  .formacao__rodape__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.formacao__rodape--itens-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  font-weight: 800;
}
@media (max-width: 899px) {
  .formacao__rodape--itens-title {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 2rem;
  }
  .formacao__rodape--itens-title .formacao__rodape--item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    font-size: 24px;
  }
  .formacao__rodape--itens-title .formacao__rodape--item > span {
    width: 100%;
    max-width: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5px;
  }
}
@media (max-width: 899px) and (max-width: 599px) {
  .formacao__rodape--itens-title .formacao__rodape--item {
    font-size: 16px;
    font-weight: 700;
  }
  .formacao__rodape--itens-title .formacao__rodape--item > span {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 899px) {
  .formacao__rodape--itens-title > div > span > br {
    display: none;
  }
}
.formacao__rodape--itens-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 25px;
}
@media (max-width: 599px) {
  .formacao__rodape--itens-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.formacao__rodape--itens-content .formacao__rodape--item {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}
@media (max-width: 899px) {
  .formacao__rodape--itens-content .formacao__rodape--item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 1rem;
  }
  .formacao__rodape--itens-content .formacao__rodape--item > * {
    text-align: center;
  }
}
.formacao__rodape--itens-content--justOne {
  -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formacao__rodape--itens-content--justOne > #courseEmptyState {
  width: 100%;
}
.formacao__rodape--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  font-size: 18px;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formacao__rodape--item strong {
  line-height: inherit;
}
@media (max-width: 899px) {
  .formacao__rodape--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .formacao__rodape--item {
    font-size: 14px;
  }
  .formacao__rodape--item > span {
    max-width: 80%;
  }
}
.formacao__rodape--item img {
  max-width: 70px;
}
.formacao__rodape--item > span {
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.formacao__rodape--item p {
  font-size: inherit;
}

.modulodes-desktop {
  display: block;
}
@media (max-width: 599px) {
  .modulodes-desktop {
    display: none;
  }
}
.modulodes-mobile {
  display: none;
}
@media (max-width: 599px) {
  .modulodes-mobile {
    display: block;
  }
}
.modulodes-fundo {
  display: block;
}
@media (max-width: 599px) {
  .modulodes-fundo {
    display: none;
  }
}
.modulodes__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modulodes__section--bloco-mobile {
  width: -webkit-fill-available;
  height: auto;
  border-radius: 20px;
  background-color: white;
  position: relative;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.05);
  margin: 0rem 0rem 2rem;
}
@media (min-width: 601px) {
  .modulodes__section--bloco-mobile {
    display: none;
  }
}
.modulodes__section--bloco-mobile--1 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-1.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-1.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.modulodes__section--bloco-mobile--71 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-2.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-2.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.modulodes__section--bloco-mobile--72 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-3.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-3.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.modulodes__section--bloco-mobile--73 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-4.png);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-4.png);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-4.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.modulodes__section--bloco-mobile--74 {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(rgba(0, 0, 0, 0.6))), url(/assets/img/curso-formacao-5.jpeg);
  background-image: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-5.jpeg);
  background-image: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(/assets/img/curso-formacao-5.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.modulodes__section--bloco-mobile--titulo {
  width: 85%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 10px;
}
.modulodes__section--bloco-mobile--titulo p {
  font-size: 17px;
  color: white;
  font-weight: 600;
}
.modulodes__section--bloco-mobile--icon {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(255, 255, 255, 0.2705882353);
  width: 2rem;
  height: 2rem;
  border-radius: 20px;
  border: solid 1px white;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1882352941);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1882352941);
  color: #ffffff;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 20px;
  font-weight: 600;
}
.modulodes__section--bloco-mobile--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 15px;
  gap: 1rem;
}
.modulodes__section--bloco-mobile--info p {
  color: #808080;
  font-size: 12px;
  font-weight: 400;
}
.modulodes__section--bloco-mobile--info--atributos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 10px;
  font-size: 10px;
}
.modulodes__section--bloco-mobile--info--atributos--1 p {
  background-color: rgba(252, 170, 89, 0.1607843137);
  color: #FCAB59;
  border-radius: 8px;
  padding: 5px 10px;
}
.modulodes__section--bloco-mobile--info--atributos--71 p {
  background-color: rgba(88, 146, 136, 0.1607843137);
  color: #589288;
  border-radius: 8px;
  padding: 5px 10px;
}
.modulodes__section--bloco-mobile--info--atributos--72 p {
  background-color: rgba(162, 23, 84, 0.1607843137);
  color: #A21754;
  border-radius: 8px;
  padding: 5px 10px;
}
.modulodes__section--bloco-mobile--info--atributos--73 p {
  background-color: rgba(47, 40, 38, 0.1607843137);
  color: #2F2826;
  border-radius: 8px;
  padding: 5px 10px;
}
.modulodes__section--bloco-mobile--info--atributos--74 p {
  background-color: rgba(13, 65, 115, 0.1607843137);
  color: #0D4173;
  border-radius: 8px;
  padding: 5px 10px;
}
.modulodes__section--bloco-mobile--info button {
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 1rem 2.5rem;
  border-radius: 14px;
}
.modulodes__section--menu-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 601px) {
  .modulodes__section--menu-mobile {
    display: none;
  }
}
.modulodes__section--menu-mobile button {
  width: 10.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 0.5rem 0.75rem;
  border-radius: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(128, 128, 128, 0.1450980392);
  color: #808080;
}
.modulodes__section--menu-mobile button p {
  font-size: 13px;
}
.modulodes__section--menu-mobile--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.75rem 0.5rem 0.5rem;
  gap: 1.5rem;
  border: solid 1px rgba(222, 222, 222, 0.6705882353);
  border-radius: 20px;
}
.modulodes__section--menu-mobile--cabecalho {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: end;
  padding: 0rem 0.5rem;
}
.modulodes__section--menu-mobile--titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.modulodes__section--menu-mobile--titulo P {
  color: rgba(128, 128, 128, 0.6901960784);
  font-size: 12px;
  font-weight: 400;
}
.modulodes__section--menu-mobile--titulo h1 {
  color: #1A2E3D;
  font-size: 15px;
  font-weight: 600;
}
.modulodes__section--menu-mobile .course-ring {
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.modulodes__section--menu-mobile .course-ring svg {
  width: 50px;
  height: 50px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  /* começa no topo */
}
.modulodes__section--menu-mobile .course-ring circle {
  fill: none;
  stroke-width: 7;
}
.modulodes__section--menu-mobile .ring-track {
  stroke: rgba(128, 128, 128, 0.1450980392);
}
.modulodes__section--menu-mobile .ring-fill {
  stroke: #1A2E3D;
  stroke-linecap: round;
  stroke-dasharray: 157;
  /* 2πr, r=25 */
  stroke-dashoffset: calc(157 - 157 * var(--pct) / 100);
  -webkit-transition: stroke-dashoffset 0.4s ease;
  -o-transition: stroke-dashoffset 0.4s ease;
  transition: stroke-dashoffset 0.4s ease;
}
.modulodes__section--menu-mobile .ring-label {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 600 14px "Baloo 2", system-ui, sans-serif;
  color: #1A2E3D;
}
.modulodes__section--menu-mobile--autores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(128, 128, 128, 0.1450980392);
  border-radius: 13px;
  padding: 0.75rem 0.7rem;
  color: #808080;
  font-size: 11px;
  font-weight: 300;
}
.modulodes__section--menu-mobile--autores img {
  max-width: 90%;
}
.modulodes__section--menu-mobile--menu-aula {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 101%;
  padding: 20px 16px 14px;
  color: #fff;
  background: -o-linear-gradient(315deg, #1A2E3D, #515e69);
  background: linear-gradient(135deg, #1A2E3D, #515e69);
}
.modulodes__section--menu-mobile--menu-aula button {
  width: 5.5rem;
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
.modulodes__section--menu-mobile--menu-aula h1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 16px;
}
.modulodes__section--menu-mobile--secao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 1rem;
  margin: 0rem 0.5rem;
  width: auto;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 1rem 0.75rem;
  border-radius: 14px;
}
@media (min-width: 601px) {
  .modulodes__section--menu-mobile--secao {
    display: none;
  }
}
.modulodes__section--menu-mobile--secao span {
  color: #515e69;
  background-color: white;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  padding: 0.3rem;
  font-weight: 900;
  -ms-flex-line-pack: center;
  align-content: center;
}
.modulodes__section--menu-mobile--secao--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.modulodes__section--menu-mobile--secao h1 {
  font-size: 15px;
}
.modulodes__section--menu-mobile--secao p {
  font-size: 10px;
}
.modulodes__section--menu-mobile--secao--infos {
  display: none;
}
.modulodes__section--menu-mobile--percent {
  height: 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.25);
  overflow: hidden;
  margin: -5px 0.5rem 0rem;
}
.modulodes__section--menu-mobile--percent i {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.modulodes__section--conteudo-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 601px) {
  .modulodes__section--conteudo-mobile {
    display: none;
  }
}
.modulodes__section--conteudo-mobile button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 14px;
  font-size: 1rem;
  padding: 1rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modulodes__section--conteudo-mobile--videoapresentacao {
  height: 15rem;
  margin: 1.5rem 0rem 0rem;
  padding: 1rem;
  position: relative;
  width: 100%;
}
.modulodes__section--conteudo-mobile--videoapresentacao--imagem {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 10rem;
  border-radius: 20px;
}
.modulodes__section--conteudo-mobile--videoapresentacao--imagem--71 {
  background-image: url(/assets/img/curso-formacao-2.png);
}
.modulodes__section--conteudo-mobile--videoapresentacao--imagem--72 {
  background-image: url(/assets/img/curso-formacao-3.png);
}
.modulodes__section--conteudo-mobile--videoapresentacao--imagem--73 {
  background-image: url(/assets/img/curso-formacao-4.png);
}
.modulodes__section--conteudo-mobile--videoapresentacao--imagem--74 {
  background-image: url(/assets/img/curso-formacao-5.jpeg);
}
.modulodes__section--conteudo-mobile--aulas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.modulodes__section--conteudo-mobile--aulas p {
  color: #808080;
  font-size: 15px;
  font-weight: 600;
  margin-left: 0.5rem;
}
.modulodes__section--conteudo-mobile--aula {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: 13px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.modulodes__section--conteudo-mobile--aula span {
  color: #845292;
  font-size: 0.8rem;
  border: 2px solid #845292;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  padding: 0.3rem;
  font-weight: 900;
  -ms-flex-line-pack: center;
      align-content: center;
}
.modulodes__section--conteudo-mobile--aula p {
  font-size: 13px;
  max-width: 83%;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0rem;
}
.modulodes__section--conteudo-mobile--aula p b {
  color: #808080;
  font-weight: 500;
}
.modulodes__section--conteudo-mobile--aula .desativado {
  opacity: 0.5;
}
.modulodes__section--conteudo-mobile--aula button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 10px;
  font-size: 12px;
  padding: 0.7rem 0.25rem;
  font-weight: 400;
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 5.5rem;
  text-align: center;
}
.modulodes__section--conteudo-mobile--aula--questao span {
  font-weight: 500;
  border: 0px;
}
.modulodes__section--conteudo-mobile--aula--infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 601px) {
  .modulodes__section--conteudo-mobile--aula--infos {
    display: none;
  }
}
.modulodes__section--conteudo-mobile--aula--selected {
  background-color: #91689d;
  border-radius: 22px;
  padding: 0.5rem;
}
.modulodes__section--secao-lista {
  display: block;
}
@media (max-width: 599px) {
  .modulodes__section--secao-lista {
    display: none;
  }
}
.modulodes__section--secao-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 12rem 0rem 2rem;
}
@media (min-width: 601px) {
  .modulodes__section--secao-mobile {
    display: none;
  }
}
.modulodes__section--secao-mobile button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 14px;
  font-size: 1rem;
  padding: 1rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
}
.modulodes__section--secao-mobile-html, .modulodes__section--secao-mobile-arquivo, .modulodes__section--secao-mobile-video, .modulodes__section--secao-mobile-quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 1rem 0rem 3rem;
}
.modulodes__section--secao-mobile-html h1, .modulodes__section--secao-mobile-arquivo h1, .modulodes__section--secao-mobile-video h1, .modulodes__section--secao-mobile-quiz h1 {
  font-size: 25px;
  font-weight: 600;
  color: #303030;
}
.modulodes__section--secao-mobile-html h2, .modulodes__section--secao-mobile-arquivo h2, .modulodes__section--secao-mobile-video h2, .modulodes__section--secao-mobile-quiz h2 {
  font-size: 25px;
  font-weight: 300;
  color: #1A2E3D;
  background-color: rgba(132, 82, 146, 0.0705882353);
  padding: 1rem;
  border-radius: 13px;
}
.modulodes__section--secao-mobile-html h3, .modulodes__section--secao-mobile-arquivo h3, .modulodes__section--secao-mobile-video h3, .modulodes__section--secao-mobile-quiz h3 {
  font-size: 13px;
  font-weight: 300;
  color: #1A2E3D;
}
.modulodes__section--secao-mobile-html p, .modulodes__section--secao-mobile-arquivo p, .modulodes__section--secao-mobile-video p, .modulodes__section--secao-mobile-quiz p {
  color: #636363;
  font-size: 14px;
  font-weight: 500;
}
.modulodes__section--secao-mobile-html-buttons, .modulodes__section--secao-mobile-arquivo-buttons, .modulodes__section--secao-mobile-video-buttons, .modulodes__section--secao-mobile-quiz-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
}
.modulodes__section--secao-mobile-html-buttons a, .modulodes__section--secao-mobile-arquivo-buttons a, .modulodes__section--secao-mobile-video-buttons a, .modulodes__section--secao-mobile-quiz-buttons a {
  background: -o-linear-gradient(315deg, #1A2E3D, rgba(156, 107, 171, 0.8117647059));
  background: linear-gradient(135deg, #1A2E3D, rgba(156, 107, 171, 0.8117647059));
  border-radius: 14px;
  font-size: 1rem;
  padding: 1rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modulodes__section--secao-mobile-html iframe, .modulodes__section--secao-mobile-arquivo iframe, .modulodes__section--secao-mobile-video iframe, .modulodes__section--secao-mobile-quiz iframe {
  width: 100%;
  height: 215px;
}
.modulodes__section--secao-mobile-html--alternativa, .modulodes__section--secao-mobile-arquivo--alternativa, .modulodes__section--secao-mobile-video--alternativa, .modulodes__section--secao-mobile-quiz--alternativa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: 13px;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
.modulodes__section--secao-mobile-html--alternativa span, .modulodes__section--secao-mobile-arquivo--alternativa span, .modulodes__section--secao-mobile-video--alternativa span, .modulodes__section--secao-mobile-quiz--alternativa span {
  color: #1A2E3D;
  font-size: 1rem;
  border: 2px solid #1A2E3D;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  padding: 0.3rem;
  font-weight: 900;
  -ms-flex-line-pack: center;
      align-content: center;
}
.modulodes__section--secao-mobile-html--alternativa p, .modulodes__section--secao-mobile-arquivo--alternativa p, .modulodes__section--secao-mobile-video--alternativa p, .modulodes__section--secao-mobile-quiz--alternativa p {
  font-size: 13px;
  max-width: 83%;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0rem;
}
.modulodes__section--secao-mobile-html--alternativa p b, .modulodes__section--secao-mobile-arquivo--alternativa p b, .modulodes__section--secao-mobile-video--alternativa p b, .modulodes__section--secao-mobile-quiz--alternativa p b {
  color: #808080;
  font-weight: 500;
}
.modulodes__section--secao-mobile-html--alternativa button, .modulodes__section--secao-mobile-arquivo--alternativa button, .modulodes__section--secao-mobile-video--alternativa button, .modulodes__section--secao-mobile-quiz--alternativa button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 10px;
  font-size: 12px;
  padding: 0.7rem 0.25rem;
  font-weight: 400;
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 5.5rem;
  text-align: center;
  display: none;
}
.modulodes__section--secao-mobile-html--alternativa--infos, .modulodes__section--secao-mobile-arquivo--alternativa--infos, .modulodes__section--secao-mobile-video--alternativa--infos, .modulodes__section--secao-mobile-quiz--alternativa--infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 601px) {
  .modulodes__section--secao-mobile-html--alternativa--infos, .modulodes__section--secao-mobile-arquivo--alternativa--infos, .modulodes__section--secao-mobile-video--alternativa--infos, .modulodes__section--secao-mobile-quiz--alternativa--infos {
    display: none;
  }
}
.modulodes__section--secao-mobile-html--nextback, .modulodes__section--secao-mobile-arquivo--nextback, .modulodes__section--secao-mobile-video--nextback, .modulodes__section--secao-mobile-quiz--nextback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.75rem;
  padding-top: 1rem;
}
.modulodes__section--secao-mobile-html--nextback button, .modulodes__section--secao-mobile-arquivo--nextback button, .modulodes__section--secao-mobile-video--nextback button, .modulodes__section--secao-mobile-quiz--nextback button {
  background: none;
  background-color: rgba(132, 82, 146, 0.1411764706);
  color: #1A2E3D;
  border-radius: 10px;
  font-size: 17px;
  padding: 0.5rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
}
.modulodes__section--secao-mobile-html .correct, .modulodes__section--secao-mobile-arquivo .correct, .modulodes__section--secao-mobile-video .correct, .modulodes__section--secao-mobile-quiz .correct {
  background-color: rgba(92, 198, 83, 0.7294117647) !important;
}
.modulodes__section--secao-mobile-html .correct p, .modulodes__section--secao-mobile-arquivo .correct p, .modulodes__section--secao-mobile-video .correct p, .modulodes__section--secao-mobile-quiz .correct p {
  color: white;
}
.modulodes__section--secao-mobile-html .correct span, .modulodes__section--secao-mobile-arquivo .correct span, .modulodes__section--secao-mobile-video .correct span, .modulodes__section--secao-mobile-quiz .correct span {
  border: none;
  background-color: white;
  color: rgba(92, 198, 83, 0.7294117647);
  font-size: 1rem;
}
.modulodes__section--secao-mobile-html .selected, .modulodes__section--secao-mobile-arquivo .selected, .modulodes__section--secao-mobile-video .selected, .modulodes__section--secao-mobile-quiz .selected {
  border: solid 1px #1A2E3D;
}
@media (max-width: 599px) {
  .modulodes__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.engajamento-main__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 899px) {
  .engajamento-main__section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.engajamento-btn__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.engajamento-btn__section button {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#765aa3), to(#3fa5c3));
  background-image: -o-linear-gradient(left, #765aa3 0%, #3fa5c3 100%);
  background-image: linear-gradient(90deg, #765aa3 0%, #3fa5c3 100%);
  border-radius: 14px;
  font-size: 1rem;
  padding: 1rem 0;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14rem;
}
@media (max-width: 599px) {
  .engajamento-btn__section {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .engajamento-btn__section button {
    width: 97%;
    margin-bottom: 1rem;
  }
}
.engajamento__section {
  color: #808080;
}
.engajamento__section--card {
  background-color: #fff;
  padding: 2rem;
  border-radius: 20px;
  position: relative;
  margin-top: 1.5rem;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
}
.engajamento__section--card--nome-prof {
  font-size: 1.12rem;
  font-weight: bold;
  margin-top: 1rem;
}
.engajamento__section--card--nome-curso {
  font-size: 0.87rem;
}
.engajamento__section--card--porcentagem {
  font-size: 1rem;
  font-weight: bold;
  margin: 0.5rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.engajamento__section--card--datas {
  margin-top: 0.8rem;
  font-size: 0.87rem;
}
@media (max-width: 599px) {
  .engajamento__section--card--datas {
    margin-top: 0.1rem;
  }
}
.engajamento__section--card--competencias-progresso {
  margin: 0em 0 0;
  position: relative;
  text-align: left;
  width: 100%;
  background-color: #b4cbd1;
  border-radius: 1rem;
  display: inline-block;
  position: relative;
  height: 1rem;
}
.engajamento__section--card--competencias-progresso .progressBar {
  width: 100%;
  height: 10px;
  background: #b4cbd1;
  border-radius: 0.3em;
}
.engajamento__section--card--progressBarValue {
  background-color: #5494af;
  height: 1rem;
  border-radius: 1rem;
}
@media (max-width: 899px) {
  .engajamento__section--card {
    margin: 1.5rem auto;
  }
}
@media (max-width: 599px) {
  .engajamento__section--card {
    width: 93%;
  }
}
@media (max-width: 599px) {
  .engajamento__section--card--linha {
    margin-bottom: 1rem;
  }
}
@media (max-width: 599px) {
  .engajamento__section .row {
    display: block;
  }
}
.engajamento__busca {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.engajamento__busca input {
  background-color: #f6f6f6;
  border: 1px solid rgba(63, 165, 195, 0.9294117647);
  height: 2.5rem;
  padding: 0.5rem 1rem;
  width: 95%;
  margin: 0.25rem 0.5rem;
  font-size: 0.87rem;
}
@media (max-width: 599px) {
  .engajamento__busca input {
    width: 100%;
    min-width: 97%;
  }
}
.engajamento__status {
  margin: 1rem 0;
  text-align: center;
  color: #808080;
}
.engajamento__status:empty {
  display: none;
}
.engajamento__section--card--escola {
  margin-top: 0.25rem;
}
.engajamento__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.engajamento__menu > * {
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 899px) {
  .engajamento__menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 0rem 0.75rem;
  }
}
@media (max-width: 599px) {
  .engajamento__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 1.5rem 0rem;
  }
}
.engajamento__menu select {
  background-color: #f6f6f6;
  border: 1px solid rgba(63, 165, 195, 0.9294117647) !important;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  width: 100%;
  margin: 0.25rem 0.5rem;
}
@media (max-width: 599px) {
  .engajamento__menu select {
    width: 100%;
    min-width: 97%;
  }
}
.engajamento__menu span {
  position: relative;
}
.engajamento__menu span button {
  position: absolute;
  top: 0rem;
  width: 1.5rem;
  right: 0;
  color: #808080;
  font-size: 1.5rem;
}
.engajamento__menu .form-group {
  display: table-caption;
}
.engajamento__menu .form-group select {
  color: #808080;
  font-size: 0.87rem;
}
.engajamento__menu .form-group select span button {
  width: 2rem;
  background-color: #f01;
}

.input-group-addon {
  position: absolute !important;
  width: 100%;
  top: 30%;
  right: 0;
}

.sugestao-aulas {
  color: #808080;
}
.sugestao-aulas-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sugestao-aulas-section h1 {
  font-size: 32px;
  font-weight: 400;
  color: #ffffff;
}
.sugestao-aulas-section b {
  font-weight: 600;
}
@media (max-width: 1199px) {
  .sugestao-aulas-section h1 {
    font-size: 24px;
  }
}
.sugestao-aulas-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0rem 0rem 2.5rem;
}
.sugestao-aulas-section-header h1 {
  width: 50%;
}
@media (max-width: 599px) {
  .sugestao-aulas-section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
    margin: 0rem 0rem 1.5rem;
  }
  .sugestao-aulas-section-header h1 {
    width: 100%;
  }
}
.sugestao-aulas-section-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 50%;
  gap: 1.5rem;
}
.sugestao-aulas-section-buttons button {
  width: 14rem;
  height: 3rem;
  border-radius: 20px;
  text-align: center;
  color: white;
}
@media (max-width: 1199px) {
  .sugestao-aulas-section-buttons button {
    width: 11rem;
    font-size: 13px;
  }
}
@media (max-width: 599px) {
  .sugestao-aulas-section-buttons button {
    font-size: 17px;
    width: 100%;
  }
}
.sugestao-aulas-section-buttons img {
  width: 12%;
  margin-right: 5px;
}
@media (max-width: 599px) {
  .sugestao-aulas-section-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    gap: 1rem;
  }
  .sugestao-aulas-section-buttons img {
    width: 7%;
  }
}
.sugestao-aulas-section-buttons-aluno {
  background-color: #8AB925;
}
.sugestao-aulas-section-buttons-professor {
  background-color: #1A2E3D;
}
.sugestao-aulas-lista-aulas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 2.5rem 1rem;
}
@media (max-width: 1199px) {
  .sugestao-aulas-lista-aulas {
    margin-bottom: 2rem;
  }
}
@media (max-width: 599px) {
  .sugestao-aulas-lista-aulas {
    gap: 2rem 1rem;
  }
}
.sugestao-aulas-aula-livro {
  display: -webkit-box;
  opacity: 1;
  width: 31%;
  height: 100%;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  -webkit-transition: all linear 250ms;
  -o-transition: all linear 250ms;
  transition: all linear 250ms;
}
@media (max-width: 1199px) {
  .sugestao-aulas-aula-livro {
    width: 48%;
  }
}
@media (max-width: 599px) {
  .sugestao-aulas-aula-livro {
    width: 100%;
  }
}
.sugestao-aulas-aula-livro-frente {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border-radius: 20px;
  width: 100%;
  -webkit-transition: all linear 250ms;
  -o-transition: all linear 250ms;
  transition: all linear 250ms;
  position: relative;
  top: 0;
}
.sugestao-aulas-aula-livro-frente-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#1A2E3D), to(#3FA5C3));
  background: -o-linear-gradient(left, #1A2E3D 0%, #3FA5C3 100%);
  background: linear-gradient(90deg, #1A2E3D 0%, #3FA5C3 100%);
  border-radius: 20px 20px 0px 0px;
  padding: 1.5rem;
}
.sugestao-aulas-aula-livro-frente-header h1 {
  font-size: 28px;
  font-weight: 300;
  color: white;
  margin: 0;
}
.sugestao-aulas-aula-livro-frente-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 19rem;
  padding: 1.5rem;
  gap: 1.5rem;
}
.sugestao-aulas-aula-livro-frente-content h2 {
  font-size: 22px;
  font-weight: 600;
  text-align: start;
}
.sugestao-aulas-aula-livro-frente-content-comps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 0.25rem;
}
.sugestao-aulas-aula-livro-frente-content-comps span {
  padding: 0.3rem 0.5rem;
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  border: solid 1px rgba(150, 150, 150, 0.25);
}
.sugestao-aulas-aula-livro-frente-content-comps-autogestao {
  color: #8AB925;
}
.sugestao-aulas-aula-livro-frente-content-comps-engajamento {
  color: #F4BB2F;
}
.sugestao-aulas-aula-livro-frente-content-comps-amabilidade {
  color: #E61D47;
}
.sugestao-aulas-aula-livro-frente-content-comps-modulacao {
  color: #3FA5C3;
}
.sugestao-aulas-aula-livro-frente-content-comps-abertura {
  color: #765AA3;
}
.sugestao-aulas-aula-livro-frente-content-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
}
.sugestao-aulas-aula-livro-frente-content-icon img {
  width: 35px;
  height: 35px;
}
.sugestao-aulas-aula-livro-verso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 8, 16, 0.7)), to(#000000));
  background: -o-linear-gradient(top, rgba(11, 8, 16, 0.7) 0%, #000000 100%);
  background: linear-gradient(180deg, rgba(11, 8, 16, 0.7) 0%, #000000 100%);
  border-radius: 20px;
  padding: 1.5rem;
  width: 100%;
  -webkit-transition: all linear 250ms;
  -o-transition: all linear 250ms;
  transition: all linear 250ms;
  position: relative;
  left: -25.24rem;
}
@media (max-width: 1199px) {
  .sugestao-aulas-aula-livro-verso {
    display: none;
  }
}
.sugestao-aulas-aula-livro-verso-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
  gap: 1.5rem;
}
.sugestao-aulas-aula-livro-verso-header h1 {
  font-size: 28px;
  font-weight: 300;
  color: white;
  margin: 0;
}
.sugestao-aulas-aula-livro-verso-header h2 {
  font-size: 22px;
  text-align: start;
  font-weight: 600;
  color: white;
  margin: 0;
}
.sugestao-aulas-aula-livro-verso-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
  min-height: 13rem;
  gap: 1.5rem;
}
.sugestao-aulas-aula-livro-verso-content p {
  font-size: 15px;
  font-weight: 300;
  text-align: start;
  color: rgb(163, 163, 163);
  border-bottom: solid 1px rgba(150, 150, 150, 0.25);
  padding-bottom: 1rem;
}
.sugestao-aulas-aula-livro-verso-content-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
}
.sugestao-aulas-aula-livro-verso-content-icon img {
  width: 35px;
  height: 35px;
}
.sugestao-aulas-aula-livro:hover .sugestao-aulas-aula-livro-frente {
  opacity: 0;
}
.sugestao-aulas-aula-livro:hover .sugestao-aulas-aula-livro-verso {
  opacity: 1;
}
.sugestao-aulas-aula-digital {
  display: -webkit-box;
  opacity: 1;
  width: 31%;
  height: 100%;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  -webkit-transition: all linear 250ms;
  -o-transition: all linear 250ms;
  transition: all linear 250ms;
}
@media (max-width: 1199px) {
  .sugestao-aulas-aula-digital {
    width: 48%;
  }
}
@media (max-width: 599px) {
  .sugestao-aulas-aula-digital {
    width: 100%;
  }
}
.sugestao-aulas-empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 1.5rem;
}
.sugestao-aulas-empty-state-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E0EDF5;
  width: 10%;
  border-radius: 50%;
  padding: 1rem;
}
@media (max-width: 599px) {
  .sugestao-aulas-empty-state-image {
    width: 40%;
  }
}
.sugestao-aulas-empty-state-image img {
  width: 100%;
  max-width: 100px;
}
.sugestao-aulas-empty-state h1 {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  color: #33404D;
}
.sugestao-aulas-empty-state p {
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  color: #d4d4d4;
  width: 50%;
}
@media (max-width: 599px) {
  .sugestao-aulas-empty-state p {
    color: white;
    width: 100%;
  }
}
.sugestao-aulas .loader-aulas-container {
  background: -o-linear-gradient(45deg, #1A2E3D, transparent);
  background: linear-gradient(45deg, #1A2E3D, transparent);
  border-radius: 20px;
  height: 20vh;
}
.sugestao-aulas .loader-aulas-container span {
  color: white;
  font-size: 20px;
}
@media (max-width: 1199px) {
  .sugestao-aulas .loader-aulas-container {
    height: 10vh;
  }
}
@media (max-width: 599px) {
  .sugestao-aulas .loader-aulas-container {
    height: 10vh;
  }
  .sugestao-aulas .loader-aulas-container span {
    display: none;
  }
}
.sugestao-aulas .loader-instituicao-container {
  height: 100%;
}
@media (max-width: 599px) {
  .sugestao-aulas .loader-instituicao-container span {
    display: none;
  }
}
.sugestao-aulas__topo {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem !important;
}
.sugestao-aulas__topo .row {
  width: 1140px;
  margin: 11rem 0rem 0rem;
}
@media (max-width: 1199px) {
  .sugestao-aulas__topo .row {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .sugestao-aulas__topo .row {
    width: 95%;
    margin: 7rem 0rem 0rem;
  }
}
.sugestao-aulas__topo h1 {
  color: white;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 2.5rem;
}
.sugestao-aulas__topo--menu p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 1rem;
}
.sugestao-aulas__topo--menu button {
  border: 1px solid #fff;
  border-radius: 2rem;
  padding: 0.8rem 2.8rem;
  color: #fff;
  font-weight: bolder;
  margin: 0.5rem 0.5rem 0 0;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo--menu button {
    padding: 0.8rem 1rem;
    width: 47%;
    text-align: center;
  }
}
.sugestao-aulas__topo--menu button span {
  padding: 0 0.5rem;
}
.sugestao-aulas__topo--menu button span img {
  position: absolute;
  top: 0.5rem;
}
.sugestao-aulas__topo--menu button:last-child {
  position: absolute;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo--menu button:last-child {
    position: relative;
    display: none;
  }
}
.sugestao-aulas__topo--menu button:hover {
  background-color: #fff;
  color: #1A2E3D;
  font-weight: bolder;
}
.sugestao-aulas__topo--menu .selected {
  background-color: #fff;
  color: #1A2E3D;
  font-weight: bolder;
}
.sugestao-aulas__topo--menu #btn-adultos {
  position: absolute;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo--menu #btn-adultos {
    position: relative;
    display: none;
  }
}
.sugestao-aulas__topo--menu--imprimir {
  position: relative !important;
  margin: 0.5rem 0.5rem 0 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: flex-end;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo--menu--imprimir {
    display: block !important;
  }
}
@media (max-width: 599px) {
  .sugestao-aulas__topo--menu {
    margin: 0.5rem 0rem 2rem;
  }
  .sugestao-aulas__topo--menu .p {
    display: none;
  }
}
.sugestao-aulas__topo--menu--relatorio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sugestao-aulas__topo--menu--relatorio button {
  position: relative !important;
  margin: 0;
}
.sugestao-aulas__topo--submenu {
  background-color: #fafafa;
  border-radius: 20px;
  margin: 1.25rem 0 0;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.sugestao-aulas__topo--submenu .row {
  margin: 1rem 0;
}
.sugestao-aulas__topo--submenu .row span {
  margin-right: 0.5rem;
  font-size: 1.05rem;
}
.sugestao-aulas__topo--submenu .row button {
  background-color: rgba(26, 46, 61, 0.4392156863);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  color: #fff;
  font-weight: 500;
  font-size: 0.9rem;
  min-width: 7rem;
  text-align: center;
  margin: 0.2rem 0.1rem;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo--submenu .row button {
    margin: 0.3rem 0;
  }
}
.sugestao-aulas__topo--submenu .row button:hover {
  background-color: #1A2E3D;
}
.sugestao-aulas__topo--submenu .row .selected {
  background-color: #1A2E3D;
}
.sugestao-aulas__topo--submenu .row select {
  padding: 0.5rem 1rem;
  height: auto;
  min-width: 50%;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo--submenu select {
    max-width: 60vw;
  }
}
.sugestao-aulas__topo--toggle-button {
  color: #808080;
  position: absolute;
  right: 0.5rem;
  z-index: 999999999;
}
.sugestao-aulas__topo--dropup-menu {
  position: relative;
  margin-bottom: 10px;
  z-index: 1;
  -webkit-transition: display 5s;
  -o-transition: display 5s;
  transition: display 5s;
  display: block;
}
.sugestao-aulas__topo--dropup-menu li {
  padding: 8px 16px;
  list-style: none;
  -webkit-transition: -webkit-transform 5s ease;
  transition: -webkit-transform 5s ease;
  -o-transition: transform 5s ease;
  transition: transform 5s ease;
  transition: transform 5s ease, -webkit-transform 5s ease;
}
.sugestao-aulas__topo--dropup-menu li:hover {
  background-color: #808080;
}
.sugestao-aulas__topo--arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.sugestao-aulas__topo--arrow.down {
  border-top: 6px solid #808080;
}
.sugestao-aulas__topo--arrow.up {
  border-bottom: 6px solid #808080;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.sugestao-aulas__topo--dropup-container {
  width: 100%;
}
.sugestao-aulas__topo .dropup-container {
  position: absolute;
  margin: -2rem 20px 0rem;
  right: 1rem;
  cursor: pointer;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo .dropup-container {
    margin: 0px 13px 10px;
    bottom: -1.5rem;
    font-size: 1.2rem;
  }
}
.sugestao-aulas__topo .dropup-button {
  color: var(--dropup-open-color, inherit);
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.sugestao-aulas__topo {
  /* cor quando FECHADO (aparece "mostrar filtro") */
}
.sugestao-aulas__topo .dropup-button.active {
  color: var(--dropup-active-color, #0d6efd);
  /* ajuste a cor aqui */
}
.sugestao-aulas__topo {
  /* opcional: se tiver estilos específicos no texto, garante que ele herda a cor */
}
.sugestao-aulas__topo .dropup-button .btn-text {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.sugestao-aulas__topo {
  /* opcional: se quiser transição suave na seta também */
}
.sugestao-aulas__topo .dropup-button .arrow {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  top: -0.2rem;
  position: absolute;
}
.sugestao-aulas__topo .arrow,
.sugestao-aulas__topo .btn-text {
  color: #fff;
  /* Cor inicial */
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
  cursor: pointer;
}
.sugestao-aulas__topo .arrow.rotate {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #fff;
  /* Amarelo */
}
.sugestao-aulas__topo .btn-text.active {
  color: #fff;
  /* Amarelo */
  cursor: pointer;
  cursor: pointer;
  z-index: 9999999;
  position: relative;
}
.sugestao-aulas__topo .dropup-menu {
  bottom: 20px;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  border-radius: 10px;
  opacity: 0;
  height: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  pointer-events: none;
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.1s ease, -webkit-transform 0.5s ease;
  -o-transition: opacity 0.1s ease, transform 0.5s ease;
  transition: opacity 0.1s ease, transform 0.5s ease;
  transition: opacity 0.1s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  z-index: 1000;
}
.sugestao-aulas__topo .dropup-menu.show {
  opacity: 1;
  height: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
.sugestao-aulas__topo .dropup-menu li {
  padding: 8px 20px;
}
.sugestao-aulas__topo .dropup-menu li a {
  color: #333;
  text-decoration: none;
  display: block;
}
.sugestao-aulas__topo .dropup-menu li a:hover {
  background-color: #f0f0f0;
}
@media (max-width: 599px) {
  .sugestao-aulas__topo {
    margin-top: 1rem;
  }
}

.course-cover {
  width: 100%;
  -webkit-transform: translate(0%, 10%);
      -ms-transform: translate(0%, 10%);
          transform: translate(0%, 10%);
  background-color: #fafafa;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1), -15px -15px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0 25px 0 25px;
}
.course-cover__mobile {
  padding: 0.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 600px) {
  .course-cover__mobile {
    display: none;
  }
}
.course-cover__beyond-mobile {
  display: none;
}
@media (min-width: 601px) {
  .course-cover__beyond-mobile {
    display: block;
    margin-top: 1.5rem;
    padding: 1rem;
  }
}
@media (min-width: 1201px) {
  .course-cover__beyond-mobile {
    margin-top: 1rem;
    padding: 1.5rem;
  }
}
.course-cover__beyond-mobile__competencies-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.course-cover__beyond-mobile__competencies-list > li {
  margin: 0.5rem;
  padding: 0.5rem;
  border-radius: 10px;
  font-weight: 400;
  color: #464646;
}
.course-cover__beyond-mobile .main__title {
  color: #464646;
  font-weight: 500;
}
.course-cover__description {
  margin-bottom: 1.5rem;
}
@media (min-width: 901px) {
  .course-cover__description {
    font-size: 1.15rem;
  }
}
@media (min-width: 1201px) {
  .course-cover__description {
    font-size: 1.35rem;
    margin-top: 1rem;
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 1801px) {
  .course-cover__description {
    font-size: 1.6rem;
  }
}
.course-cover__infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.5rem;
}
.course-cover__info {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.course-cover__progress-cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 601px) {
  .course-cover__progress-cta {
    display: none;
  }
}
.course-cover__progress-cta > *:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.course-cover__progress-cta > *:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 1.5rem;
}
.course-cover__compExplanationModal {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 500;
  position: absolute;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.course-cover__compExplanationModal::before {
  content: "";
  opacity: 0.8;
  width: 100%;
  height: 100%;
  background-color: hsl(210, 24%, 14%);
}
.course-cover__compExplanationModal--is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.course-cover__compExplanationModal__container {
  position: absolute;
  width: 40%;
  height: 40%;
  background-color: hsl(210, 15%, 96%);
  opacity: 1 !important;
  z-index: 600 !important;
  margin: 2.25rem;
  -webkit-transform: translateY(-60%);
      -ms-transform: translateY(-60%);
          transform: translateY(-60%);
}
@media (max-width: 1199px) {
  .course-cover__compExplanationModal__container {
    width: 50%;
    height: 50%;
    -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
            transform: translateY(-30%);
  }
}
@media (max-width: 899px) {
  .course-cover__compExplanationModal__container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media (max-width: 599px) {
  .course-cover__compExplanationModal__container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.course-cover__compExplanationModal__close_modal {
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0;
  margin: 1rem;
  background-color: hsl(210, 16%, 85%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: hsl(210, 15%, 8%);
  top: 0;
  border-radius: 2px;
}
.course-cover__classes-list-main-title {
  font-size: 1.9rem;
  margin: 2rem 0 1rem 0;
}

.course-nav _::-webkit-full-page-media, .course-nav _:future, :root .course-nav {
  overflow: hidden;
}
.course-nav__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding-right: 0;
  position: relative;
  padding: 1rem;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .course-nav__nav {
    background: none;
  }
}
.course-nav__node--is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.course-nav__type {
  margin-right: 1rem;
  opacity: 1;
}
[class*=is-done] .course-nav__type {
  color: hsl(227, 50%, 57%);
}
[class*=is-active] .course-nav__type {
  color: hsl(227, 50%, 57%);
}
[class*=__node] + .course-nav__section-title {
  margin-top: 3.75rem;
}
.course-nav__label {
  white-space: nowrap;
}

.course-nav-des {
  background-color: hsl(210, 24%, 14%);
  color: hsl(210, 15%, 96%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 64px;
  position: relative;
  -webkit-transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 300ms;
       -o-transition-delay: 300ms;
          transition-delay: 300ms;
}
.course-nav-des _::-webkit-full-page-media,
.course-nav-des _:future, :root .course-nav-des {
  overflow: hidden;
}
@media (min-width: 901px) {
  .course-nav-des {
    height: 100%;
    width: 12rem;
  }
}
.course-nav-des > * {
  z-index: 1;
}
.course-nav-des::after {
  background-color: hsl(210, 15%, 96%);
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 4;
}
[class*=nav-is-show] .course-nav-des {
  height: 85vh;
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class*=nav-is-show] .course-nav-des {
    height: 85%;
  }
}
@media (min-width: 901px) {
  [class*=nav-is-show] .course-nav-des {
    height: 100%;
    width: 20rem;
  }
}
.course-nav-des__title-menu-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
}
@media (min-width: 901px) {
  .course-nav-des__title-menu-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [class*=is-show] .course-nav-des__title-menu-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.course-nav-des__menu-toggle {
  border-radius: 50%;
  color: inherit;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  height: 32px;
  position: relative;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
  width: 32px;
}
.course-nav-des__menu-toggle:hover {
  background-color: hsl(209, 18%, 35%);
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: hsl(209, 14%, 44%);
}
@media (min-width: 901px) {
  .course-nav-des__menu-toggle {
    margin-right: 0;
  }
}
.course-nav-des__icon-menu {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
[class*=is-show] .course-nav-des__icon-menu {
  -webkit-transform: translate(-50%, 200%);
      -ms-transform: translate(-50%, 200%);
          transform: translate(-50%, 200%);
}
.course-nav-des__icon-close {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -200%);
      -ms-transform: translate(-50%, -200%);
          transform: translate(-50%, -200%);
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
[class*=is-show] .course-nav-des__icon-close {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.course-nav-des__back {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: inherit;
  display: none;
  height: 32px;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transform: translateX(0.5rem);
      -ms-transform: translateX(0.5rem);
          transform: translateX(0.5rem);
  -webkit-transition: 200ms var(--ease-in-out-quad);
  -o-transition: 200ms var(--ease-in-out-quad);
  transition: 200ms var(--ease-in-out-quad);
  -webkit-transition-delay: 0ms;
       -o-transition-delay: 0ms;
          transition-delay: 0ms;
  visibility: hidden;
  white-space: nowrap;
}
[class*=is-show] .course-nav-des__back {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 300ms;
       -o-transition-delay: 300ms;
          transition-delay: 300ms;
  visibility: visible;
}
.course-nav-des__progress {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.course-nav-des__progress > *:last-child {
  margin-top: 0.25rem;
}
[class*=is-show] .course-nav-des__progress {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
[class*=is-show] .course-nav-des__progress > *:last-child {
  margin-top: 0;
}
.course-nav-des__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 1rem;
  overflow: auto;
  position: relative;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 300ms var(--ease-out-quad);
  -o-transition: 300ms var(--ease-out-quad);
  transition: 300ms var(--ease-out-quad);
  width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .course-nav-des__nav {
    background: none;
  }
}
[class*=is-show] .course-nav-des__nodes {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 300ms;
       -o-transition-delay: 300ms;
          transition-delay: 300ms;
  visibility: visible;
  overflow-y: scroll;
  scrollbar-width: none;
  max-height: 33rem;
  min-height: 33rem;
}
.course-nav-des__node {
  display: none;
  opacity: 0;
  padding: 1rem calc(50% + 0.5rem) 1rem 1rem;
  position: relative;
}
.course-nav-des__node::before {
  border-radius: 55px;
  content: "";
  height: 80%;
  opacity: 0;
  position: absolute;
  left: 0.25rem;
  top: 10%;
  -webkit-transition: 250ms var(--ease-in-out-quad);
  -o-transition: 250ms var(--ease-in-out-quad);
  transition: 250ms var(--ease-in-out-quad);
  width: 0.25rem;
  z-index: 2;
}
[class*=is-show] .course-nav-des__node:hover::before {
  opacity: 1;
}
.course-nav-des__node--question {
  background-color: hsla(210, 15%, 96%, 0.1);
  border-bottom: 1px solid hsl(210, 24%, 14%);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.course-nav-des__node--is-active {
  display: block;
  padding: 1rem calc(50% + 0.5rem) 1rem 0.5rem;
  background-color: rgba(64, 165, 195, 0.2705882353);
}
.course-nav-des__node--is-active, .course-nav-des__node--is-active:hover {
  opacity: 1;
}
[class*=is-show] .course-nav-des__node--is-active::before, [class*=is-show] .course-nav-des__node--is-active:hover::before {
  opacity: 1;
}
.course-nav-des__node--is-current {
  color: hsl(210, 15%, 96%);
  font-weight: bold;
  opacity: 1;
  position: relative;
}
.course-nav-des__node--is-current::after {
  background-color: #343F45;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
[class*=is-show] .course-nav-des__node {
  display: block;
  opacity: 0.85;
  padding-left: 1.5rem;
  padding-right: calc(50% + 1rem);
}
[class*=is-show] .course-nav-des__node--is-done .course-nav-des__link {
  opacity: 0.5;
}
.course-nav-des__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(210, 15%, 8%);
  border-radius: 55px;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1rem 0.5rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 3;
}
[class*=is-show] .course-nav-des__link {
  background-color: transparent;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
  pointer-events: initial;
  text-align: left;
}
.course-nav-des__status {
  color: inherit;
  opacity: 0.7;
}
[class*=is-show] .course-nav-des__status {
  margin-right: 1rem;
}
[class*=is-current] .course-nav-des__status {
  color: inherit;
}
[class*=is-done] .course-nav-des__status {
  color: #ee7566;
  opacity: 0.5;
}
[class*=is-show] .course-nav-des__course-title {
  display: none;
}
@media (min-width: 901px) {
  .course-nav-des__course-title {
    display: none;
  }
}
.course-nav-des__class {
  background-color: none;
  margin: 0;
  padding: 2.25rem 2rem 0;
  text-align: center;
}
[class*=is-show] .course-nav-des__class {
  text-align: left;
}
@media (min-width: 901px) {
  .course-nav-des__class {
    background-color: hsla(210, 15%, 96%, 0.1);
  }
}
.course-nav-des__class-title {
  font-size: 1.15rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-top: 0.25rem;
}
[class*=is-show] .course-nav-des__class-title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  [class*=is-show] .course-nav-des__class-title {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  [class*=is-show] .course-nav-des__class-title {
    font-size: 1.35rem;
  }
}
.course-nav-des__class-order {
  font-size: 1.12rem;
  color: #808080;
  font-weight: 400;
  display: block;
}
.course-nav-des__class-order:empty::before {
  content: ".";
  opacity: 0;
  visibility: hidden;
}
.course-nav-des__label--content {
  font-size: 1rem;
}
.course-nav-des__label--quiz {
  font-size: 0.85rem;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}
[class*=is-show] .course-nav-des__label {
  display: inline-block;
  margin-right: auto;
  position: relative;
  white-space: nowrap;
}
.course-nav-des__check {
  display: none;
}
[class*=done] .course-nav-des__check {
  display: block;
}
.course-nav-des__header-transp {
  width: 70%;
  height: 5.5rem !important;
  display: block;
  z-index: 9999;
  border-radius: 0px 20px;
  margin: 20px auto 20px;
  z-index: 9999999;
  position: relative;
}
.course-nav-des__header-transp--logo {
  width: 12rem;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
}
.course-nav-des__header-transp button {
  background: #fff;
  color: #40a5c3;
  font-size: 0.9rem;
  border-radius: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  top: 50%;
}
.course-nav-des__header-transp button span {
  background-color: #40a5c3;
  width: 1rem;
  height: 1rem;
  border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  position: relative;
  text-align: center;
}
.course-nav-des__header-transp button span img {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 0.5rem;
}
@media (max-width: 599px) {
  .course-nav-des__header-transp button {
    top: 100%;
  }
}
@media (max-width: 599px) {
  .course-nav-des__header-transp {
    width: 90%;
  }
}
@media (max-width: 1199px) {
  .course-nav-des__header-transp {
    width: 83%;
  }
}
.course-nav-des__header {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  border-radius: 0px 20px;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
}
.course-nav-des__header--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.25rem;
  width: 65%;
}
.course-nav-des__header--competencias {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 0.25rem;
  width: 35%;
}
.course-nav-des__header--class-order {
  color: #1A2E3D;
  display: inline-block;
  font-size: 1.12rem;
  font-weight: 400;
}
.course-nav-des__header--class-comp-title {
  color: #1A2E3D;
  font-weight: 400;
  font-size: 1.1rem;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 899px) {
  .course-nav-des__header--class-comp-title {
    display: none;
  }
}
.course-nav-des__header--class-comp {
  width: 44px;
  height: 43px;
  padding: 0px !important;
  font-weight: 500;
  font-size: 21px;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.course-nav-des__header--class-title {
  color: #1A2E3D;
  font-weight: 600;
  font-size: 1.7rem;
}
@media (max-width: 599px) {
  .course-nav-des__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2rem 0;
  width: 80%;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  margin: auto;
}
@media (max-width: 599px) {
  .course {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
}
.course__nav {
  z-index: 1;
}
.course__content > .ember-view {
  height: 100%;
}
.course__content > .ember-view > .ember-view {
  height: 100%;
}
.course__content _::-webkit-full-page-media,
.course__content _:future, :root .course__content {
  height: 100%;
}
.course__transition {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.course__toggle-menu-mobile {
  background-color: #1A2E3D;
  border-radius: 0 1rem 0 1rem;
  color: #f3f5f6;
  display: block;
  margin: 2rem;
  padding: 1rem;
  position: absolute;
  right: -0.7rem;
  top: 0;
}
@media (min-width: 901px) {
  .course__toggle-menu-mobile {
    display: none;
  }
}
@media (max-width: 1199px) {
  .course {
    padding: 1.5rem 0;
    width: 93%;
  }
}
@media (max-width: 899px) {
  .course {
    width: 80%;
  }
}
@media (max-width: 599px) {
  .course {
    width: 90%;
    padding: 0;
  }
}
.course-desenvolvimento {
  width: 100%;
}

.course-des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (min-width: 901px) {
  .course-des {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.course-des__nav {
  z-index: 1;
}
.course-des__content::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .course-des__content::-webkit-scrollbar {
    width: 0;
  }
}
.course-des__content::-webkit-scrollbar-track {
  background: transparent;
}
.course-des__content::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.course-des__content {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (landscape) {
  .course-des__content {
    padding-right: 0.75rem;
  }
}
.course-des__content {
  background-color: hsl(210, 15%, 96%);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 2;
}
.course-des__content > .ember-view {
  height: 100%;
}
.course-des__content > .ember-view > .ember-view {
  height: 100%;
}
.course-des__content _::-webkit-full-page-media, .course-des__content _:future, :root .course-des__content {
  height: 100%;
}
.course-des__transition {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.report-class__two-col {
  border-radius: 0px 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
  color: hsl(209, 20%, 26%);
  border-radius: 20px;
  margin-bottom: 2rem;
  background-color: #fff;
  -webkit-box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.04), -15px -15px 30px 0px rgba(0, 0, 0, 0.04);
}
@media (min-width: 901px) {
  .report-class__two-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1rem 1.5rem;
  }
}
.report-class__two-col > *:first-child {
  margin-right: 2.25rem;
}
@media (min-width: 901px) {
  .report-class__two-col > *:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 350px;
            flex: 1 0 350px;
  }
}
@media (min-width: 901px) {
  .report-class__two-col > *:last-child {
    margin-left: auto;
  }
}
.report-class__titulo--adulto {
  color: #3FA5C3;
}
.report-class__titulo--medio {
  color: #3FA5C3;
}
.report-class__titulo--fundamental {
  color: #3FA5C3;
}
.report-class__titulo--setorpublico {
  color: #28346F;
}
.report-class__titulo--infantil {
  color: #8771AB;
}
.report-class__subtitle {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .report-class__subtitle {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .report-class__subtitle {
    font-size: 1.35rem;
  }
}
.report-class__subtitle {
  margin: 3.75rem 0 1.5rem;
}
.report-class__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-class__progress > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 6rem;
  margin-right: 1rem;
  margin-top: 1rem;
  padding: 0;
  vertical-align: middle;
  width: 18%;
}
.report-class__table {
  text-align: center;
  white-space: normal;
}
.report-class__table tr > *:first-child {
  text-align: left;
}
.report-class__table th,
.report-class__table td {
  padding-left: 1.5rem;
}
.report-class__feedback {
  display: none;
}

.report-class__stacked-bar {
  margin-top: 2rem;
}
@media (min-width: 601px) and (max-width: 899px) {
  .report-class__stacked-bar {
    margin-top: 3rem;
  }
}
.report-class__compentency-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.report-class__compentency-progress > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2.25rem 0;
  vertical-align: middle;
}
.report-class__compentency-progress > li:not(:first-of-type) {
  border-top: 0.25rem solid hsl(210, 15%, 8%);
}
.report-class__compentency-progress > li > *:first-child {
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  margin-right: 3rem;
}
.report-class__compentency-progress > li > *:not(:first-child) {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  margin-right: 3rem;
}
.report-class__competency-name {
  color: hsl(224, 67%, 78%);
}

.report-course__header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-course__header > *:not(:last-child) {
  margin-right: 1.5rem;
}
.report-course__body {
  width: 100%;
}
.report-course__img {
  margin-right: 1rem;
  width: 6rem;
}
.report-course__thumb {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 55px;
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  height: 100px;
  margin-bottom: 1rem;
  width: 200px;
}
@media (min-width: 901px) {
  .report-course__thumb {
    margin-bottom: 0;
  }
}
.report-course__title-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  margin-bottom: 1.5rem;
}
@media (min-width: 901px) {
  .report-course__title-block {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0;
    padding: 0 1rem 0 0;
  }
}
.report-course__title {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .report-course__title {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .report-course__title {
    font-size: 2.25rem;
  }
}
.report-course__data {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
}
@media (min-width: 601px) {
  .report-course__data {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.report-people {
  position: relative;
}
.report-people__legenda {
  -ms-flex-line-pack: center;
      align-content: center;
  color: hsl(210, 15%, 8%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 1rem 0;
  position: relative;
}
.report-people__legenda-item {
  font-size: 1rem;
  margin-right: 1rem;
}
.report-people__legenda--cor {
  display: inline-block;
  margin-right: 1px;
  margin-bottom: -1.35px;
  width: 12px;
  height: 12px;
}
.report-people__legenda--cor-co {
  background-color: #248f52;
  border: solid 1px #248f52;
}
.report-people__legenda--cor-ea {
  background-color: #8e6f1f;
  border: solid 1px #8e6f1f;
}
.report-people__legenda--cor-ni {
  background-color: #891a1a;
  border: solid 1px #891a1a;
}
.report-people__table th {
  position: sticky;
  top: 0;
  background-color: hsl(232, 51%, 29%);
  font-size: 12px;
  padding: 0.5rem;
}
.report-people__table th,
.report-people__table td {
  padding: 4px;
}
.report-people__table td:not(:last-child) {
  font-size: 0.9em;
}
.report-people [class*=truncate] {
  max-width: 11rem;
}
.report-people__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
}
.report-people__check {
  width: 100%;
}
@media (min-width: 901px) {
  .report-people__check {
    width: auto;
  }
}
.report-people__avatar {
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: inline-block;
  margin-bottom: 0.5rem;
}
.report-people__person {
  max-width: 20rem;
}
.report-people__data {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid hsl(214, 15%, 93%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 0.5rem;
  padding-bottom: 0.25rem;
  padding-top: 0.5rem;
  width: 100%;
}
@media (min-width: 901px) {
  .report-people__data {
    border: 0 solid transparent;
    margin-top: 0.5rem;
    padding: 0;
    width: auto;
  }
}
.report-people__data > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.report-people__selected-users {
  left: 50%;
  min-width: 32rem;
  opacity: 0;
  padding: 2.25rem;
  position: fixed;
  top: 3.75rem;
  -webkit-transform: translate(-50%, 5%);
      -ms-transform: translate(-50%, 5%);
          transform: translate(-50%, 5%);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  visibility: hidden;
  z-index: 2;
}
.report-people__selected-users--is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.report-person > *:not(:first-child) {
  margin-top: 2.25rem;
}
.report-person__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 601px) {
  .report-person__header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .report-person__header > *:not(:last-child) {
    margin-right: 2.25rem;
  }
}
.report-person__body > *:not(:last-child) {
  margin-bottom: 3rem;
}
.report-person__class {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  background-color: hsl(216, 33%, 98%);
  color: hsl(210, 24%, 14%);
  padding: 1.5rem;
}
.report-person__compentency-class {
  background-color: hsl(210, 24%, 14%);
  padding: 0 1.5rem;
  margin: 0 -1.5rem 5rem;
}

.report-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 901px) {
  .report-question {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.report-question__information {
  background-color: hsl(210, 15%, 96%);
  border: 1px solid hsl(214, 15%, 93%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3rem;
  padding: 1rem;
}
@media (min-width: 901px) {
  .report-question__information {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 3rem;
    margin-top: 0;
  }
}
.report-question__info:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.report-question__label {
  display: block;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
  opacity: 0.75;
  text-transform: uppercase;
}
.report-question__value {
  font-size: 1.6rem;
  font-weight: 700;
}
.report-question__order {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  opacity: 0.75;
  text-transform: uppercase;
}
.report-question__question {
  font-size: 1.35rem;
  margin-bottom: 2.25rem;
}
.report-question__options {
  font-size: 1.15rem;
}
.report-question__option {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding: 1.5rem 0;
}
.report-question__option:not(:last-of-type) {
  border-bottom: 1px solid hsl(214, 15%, 93%);
}
@media (min-width: 901px) {
  .report-question__option {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.report-question__capsule {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 1rem;
}
@media (min-width: 901px) {
  .report-question__capsule {
    margin-bottom: 0;
    margin-left: auto;
  }
}

.report__section {
  display: none;
}
.report__section--is-active {
  display: block;
}
.report__section > * {
  margin-bottom: 1.5rem;
}
@media (max-width: 600px) {
  .report__section > * {
    width: 100%;
  }
}
.report__tabs {
  font-size: 1.15rem;
}
@media (max-width: 600px) {
  .report__tabs > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.report__body {
  margin-top: 1.5rem;
}
.report-card {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  background-color: hsl(216, 33%, 98%);
  color: hsl(210, 24%, 14%);
  margin-bottom: 1.5rem;
  padding: 1rem;
}
@media (min-width: 1201px) {
  .report-card {
    padding: 2.25rem 1.5rem;
  }
}
.report-card__data {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
}
.report-card--error {
  border-left: 4px solid hsl(0, 71%, 53%);
}
.report-card--success {
  border-left: 4px solid hsl(120, 16%, 29%);
}
.report-card--warning {
  border-left: 4px solid hsl(42, 87%, 67%);
}
.report__pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 3rem;
}
.report__pagination > * {
  margin-right: 2.25rem;
}
.report__pagination > *:last-child {
  margin-left: auto;
  margin-right: 0;
}
.report__person-specific {
  margin-top: 2.25rem;
}
.report__person-specific > * {
  margin-bottom: 3rem;
}

.html {
  background-color: hsl(216, 33%, 98%);
  padding-bottom: 1.5rem;
  padding-top: 0;
  color: hsl(210, 15%, 8%);
}
.html > * {
  margin: 0 auto 1rem;
  text-align: left;
  width: calc(100% - 2 * 1.5rem);
}
@media (min-width: 601px) {
  .html > * {
    margin-bottom: 1.5rem;
    width: 37rem;
  }
}
@media (min-width: 1201px) {
  .html > * {
    width: 50rem;
  }
}
.html a {
  text-decoration: underline;
}
.html strong {
  color: #343F45;
}
.html h4 {
  font-size: 1.35rem;
}
@media (min-width: 601px) {
  .html p {
    font-size: 1.15rem;
    line-height: 1.5;
  }
}
@media (min-width: 601px) and (max-width: 899px) {
  .html p {
    display: contents;
  }
}
.html blockquote {
  background-color: hsl(214, 15%, 93%);
  border-left: 2px solid #343F45;
  font-size: 1.15rem;
  font-style: italic;
  line-height: 1.75;
  padding: 1.5rem;
  text-align: center;
}
.html__signature {
  text-align: right !important;
  font-size: 0.8rem !important;
  font-style: italic;
  display: block;
  text-decoration: underline;
}
.html dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.html dt {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #333;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  font-weight: bold;
  min-width: 9em;
  padding: 0 0.5rem;
  text-align: right;
  text-transform: uppercase;
}
.html dd {
  border-bottom: 1px solid #d3d3d3;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 1rem;
  padding: 0 0 1rem 0;
}
.html ul li {
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.html ul li::before {
  content: "\e908";
  display: inline-block;
  font-family: poppins, sans-serif;
  opacity: 0.5;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.html ol li {
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.html ol li::before {
  content: "\e908";
  display: inline-block;
  font-family: "icomoon";
  opacity: 0.5;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.html img:not([class*=cover]) {
  border-radius: 2px;
  display: block;
  margin: 0 auto 1rem;
  max-width: initial;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 601px) {
  .html img:not([class*=cover]) {
    margin-bottom: 1.5rem;
    width: calc(37rem + 2 * 1.5rem);
  }
}
@media (min-width: 901px) {
  .html img:not([class*=cover]) {
    max-width: 96%;
    width: calc(42rem + 2 * 3rem);
  }
}
@media (min-width: 1201px) {
  .html img:not([class*=cover]) {
    width: calc(50rem + 2 * 3.75rem);
  }
}
.html img:not([class*=cover]):not([class*=diagram]) {
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  height: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .html img:not([class*=cover]):not([class*=diagram]) {
    height: auto;
  }
}
.html__table-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40vw;
  position: relative;
}
@media (max-width: 1199px) {
  .html__table-container {
    width: 60vw;
  }
}
@media (max-width: 899px) {
  .html__table-container {
    width: 80vw;
  }
}
@media (max-width: 599px) {
  .html__table-container {
    width: 95vw;
    overflow-x: scroll;
  }
}
.html table {
  border-collapse: collapse;
  border-radius: 55px;
  overflow: hidden;
  table-layout: fixed;
  white-space: nowrap;
  width: 100%;
}
.html table tr:nth-child(odd) td {
  background-color: hsl(210, 15%, 96%);
}
.html table tr:nth-child(odd) td {
  background-color: hsl(216, 33%, 98%);
}
.html table tr:first-of-type td {
  background-color: hsl(211, 12%, 58%);
  color: hsl(210, 15%, 96%);
}
.html table td {
  white-space: normal;
}
.html__cover {
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  height: 10rem;
  margin-bottom: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (min-width: 601px) {
  .html__cover {
    height: 16rem;
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 901px) {
  .html__cover {
    height: 20rem;
  }
}
@media (min-width: 1201px) {
  .html__cover {
    height: 33vmin;
  }
}
.html__header {
  background-color: hsl(216, 33%, 98%);
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: hsl(210, 24%, 14%);
  display: block;
  margin-bottom: 3rem;
  padding: 0 0 1.5rem;
  width: 100%;
}
@media (min-width: 601px) {
  .html__header {
    padding-bottom: 3.75rem;
  }
}
.html__title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 2.25rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .html__title {
    font-size: 3rem;
  }
}
.html__title {
  margin: 0 auto;
  -webkit-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
          transform: translateX(-5px);
  width: calc(100% - 2 * 1.5rem);
}
@media (min-width: 601px) {
  .html__title {
    width: 37rem;
  }
}
@media (min-width: 1201px) {
  .html__title {
    width: 50rem;
  }
}
.html__subtitle {
  display: block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 auto;
  width: calc(100% - 2 * 1.5rem);
}
@media (min-width: 601px) {
  .html__subtitle {
    width: 37rem;
  }
}
@media (min-width: 1201px) {
  .html__subtitle {
    width: 50rem;
  }
}
.html__congrats,
.html p.html__congrats {
  background: -o-radial-gradient(50% -2.5rem, circle, transparent 3.375rem, #ee7566 3.475rem);
  background: radial-gradient(circle at 50% -2.5rem, transparent 3.375rem, #ee7566 3.475rem);
  border-radius: 55px;
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: hsl(210, 15%, 96%);
  margin-bottom: 3.75rem;
  margin-top: 8.75rem;
  padding: 2.19375rem 1.25em 1.5em;
  position: relative;
  text-align: center;
  width: 15rem;
}
.html__congrats::before,
.html p.html__congrats::before {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1A2E3D;
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 10px 20px rgba(6.8%, 8%, 9.2%, 0.09), 0 6px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: hsl(210, 15%, 96%);
  color: hsl(42, 87%, 67%);
  content: "\e921";
  font-size: 2.5rem;
  height: 5rem;
  left: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  text-shadow: 0 6px 4px rgba(26, 46, 61, 0.25);
  top: -4px;
  -webkit-transform: translate(-50%, -4.375rem);
      -ms-transform: translate(-50%, -4.375rem);
          transform: translate(-50%, -4.375rem);
  width: 5rem;
}
.html__congrats span,
.html p.html__congrats span {
  font-size: 0.85rem;
}
.html__congrats span:first-of-type,
.html p.html__congrats span:first-of-type {
  display: block;
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
.html__footer {
  border-top: 1px solid hsl(214, 15%, 93%);
  color: hsl(210, 15%, 96%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: 1.5rem;
  width: 100%;
  background-color: #40a5c3;
  margin-top: 2rem;
}
@media (min-width: 601px) {
  .html__footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .html__footer > * {
    margin: 0 1rem 0 1rem;
  }
}
@media (max-width: 599px) {
  .html__footer {
    display: block;
    text-align: center;
    margin: auto;
  }
}
.html__next-cta {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 2.25rem;
}
@media (max-width: 599px) {
  .html__next-cta {
    margin-left: 0;
  }
}
.html__next-title {
  font-size: 1.6rem;
}
@media (min-width: 601px) {
  .html__next-title {
    font-size: 1.9rem;
  }
}
@media (max-width: 599px) {
  .html__next-title {
    line-height: 4rem;
  }
}
.html__next-aux-text {
  font-size: 1.15rem;
}
.html__diagram {
  height: auto;
}
@media (max-width: 899px) {
  .html {
    padding: 2rem;
  }
}
@media (max-width: 1199px) {
  .html {
    padding: 2rem;
  }
}
@media (max-width: 599px) {
  .html {
    padding: 0.5rem;
  }
}

.html__texto-puro {
  font-size: 1rem;
  line-height: 1.6;
  white-space: pre-line;
}
@media (min-width: 601px) {
  .html__texto-puro {
    font-size: 1.15rem;
  }
}

.html__arquivos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}

.html__arquivo-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.4rem;
  text-decoration: none !important;
}

.quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.quiz__body::-webkit-scrollbar {
  width: 4px;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  z-index: 999;
}
@media (max-width: 599px) {
  .quiz__body::-webkit-scrollbar {
    width: 0;
  }
}
.quiz__body::-webkit-scrollbar-track {
  background: transparent;
}
.quiz__body::-webkit-scrollbar-thumb {
  background: #a8a8a8;
  border-radius: 10px;
}
.quiz__body {
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (landscape) {
  .quiz__body {
    padding-right: 0.75rem;
  }
}
.quiz__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem;
  width: 100%;
}
@media (min-width: 601px) {
  .quiz__body {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.quiz__body > *:first-child {
  margin-top: 1.5rem;
}
.quiz__body > *:last-child {
  margin-top: 0.25rem;
}
@media (min-width: 901px) {
  .quiz__body {
    margin-top: 0;
  }
}
.quiz__questions {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 1px 3px rgba(6.8%, 8%, 9.2%, 0.02), 0 1px 2px rgba(6.8%, 8%, 9.2%, 0.1), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  background-color: hsl(210, 15%, 96%);
  color: hsl(210, 24%, 14%);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 25px;
  width: 100%;
  background-color: #ffffff;
}
@media (min-width: 1201px) {
  .quiz__questions {
    margin-top: 0.25rem;
    width: 90%;
    margin: auto;
  }
}
.quiz__order {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #808080;
  text-transform: capitalize;
}
.quiz__question {
  font-size: 1.5rem;
  color: #808080;
  font-weight: 400;
  margin-bottom: 3rem;
  max-width: 100%;
  width: 100%;
  padding-bottom: 0.5rem;
}
@media (max-width: 899px) {
  .quiz__question {
    width: 100%;
    display: contents;
  }
}
.quiz__statement {
  display: block;
  font-size: 0.75em;
  font-weight: normal;
  font-style: italic;
  line-height: 1.2;
  margin: 1em 0;
  opacity: 0.75;
}
.quiz__statement > p {
  line-height: 1;
}
.quiz__statement > p + p {
  margin-top: 0.5rem;
}
.quiz__statement--poetry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.quiz__statement--poetry--large-statement {
  font-size: 1.4rem;
}
.quiz__pre-statement {
  display: block;
  line-height: normal;
}
@media (max-width: 899px) {
  .quiz__pre-statement {
    display: block;
    width: 100%;
  }
}
.quiz__pre-statement--large {
  font-size: 1.8rem;
}
.quiz__pos-statement {
  display: block;
  line-height: 1;
  font-size: 1.035rem;
  font-weight: 400;
}
@media (min-width: 601px) {
  .quiz__pos-statement {
    font-size: 1.215rem !important;
  }
}
@media (min-width: 1201px) {
  .quiz__pos-statement {
    font-size: 1.44rem !important;
  }
}
.quiz__v-f {
  font-size: 1.25rem;
  font-weight: inherit;
  margin: 0.5rem 0;
}
.quiz__v-f li {
  margin-bottom: 1rem;
}
.quiz__signature {
  display: block;
  font-size: 0.45em;
  font-weight: normal;
  opacity: 0.75;
  position: relative;
  text-align: right;
  top: -1em;
}
.quiz__gallery {
  margin: 1rem 0;
}
.quiz__gallery > * {
  background-clip: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #1A2E3D;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(26, 46, 61, 0.02), 0 1px 2px rgba(26, 46, 61, 0.17), 0 0 2px rgba(26, 46, 61, 0.12);
          box-shadow: 0 1px 3px rgba(26, 46, 61, 0.02), 0 1px 2px rgba(26, 46, 61, 0.17), 0 0 2px rgba(26, 46, 61, 0.12);
  cursor: pointer;
  display: inline-block;
  height: 7rem;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) t;
  -webkit-transition: 200ms var(--ease-in-out-quad);
  -o-transition: 200ms var(--ease-in-out-quad);
  transition: 200ms var(--ease-in-out-quad);
  width: 12.4444444444rem;
}
.quiz__gallery > *:not(:last-child) {
  margin-right: 1rem;
}
.quiz__gallery > *:hover {
  -webkit-transform: translate3d(0, -0.25rem, 0);
          transform: translate3d(0, -0.25rem, 0);
}
.quiz__image-zoom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(228, 45%, 39%);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
}
.quiz__altbox {
  font-size: 1.9rem !important;
}
@media (max-width: 1199px) {
  .quiz__altbox {
    font-size: 1.6rem !important;
  }
}
@media (max-width: 599px) {
  .quiz__altbox {
    font-size: 0.85rem !important;
  }
}
.quiz__v-f {
  font-size: 1.25rem;
  font-weight: inherit;
  margin: 0.5rem 0;
}
.quiz__v-f li {
  margin-bottom: 1rem;
}
.quiz__answer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  position: relative;
}
@media (min-width: 601px) {
  .quiz__answer {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1201px) {
  .quiz__answer {
    font-size: 1.15rem;
  }
}
.quiz__answer-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  line-height: 1.3;
  font-size: 1rem;
  color: #808080;
  font-weight: 400;
}
.quiz__answer-text::before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: hsl(216, 33%, 98%);
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
          box-shadow: 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.06), 0 3px 6px rgba(6.8%, 8%, 9.2%, 0.03), 0 0 2px rgba(6.8%, 8%, 9.2%, 0.08);
  color: hsl(210, 24%, 14%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin-right: 1rem;
  text-transform: uppercase;
  -webkit-transform: translateY(-0.25rem);
      -ms-transform: translateY(-0.25rem);
          transform: translateY(-0.25rem);
  -webkit-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 200ms var(--ease-out-quad);
  -o-transition: 200ms var(--ease-out-quad);
  transition: 200ms var(--ease-out-quad);
  width: 2.25rem;
}
.quiz__answer:nth-child(1):not([class*="--correct"]) .quiz__answer-text::before {
  content: "a";
}
.quiz__answer:nth-child(2):not([class*="--correct"]) .quiz__answer-text::before {
  content: "b";
}
.quiz__answer:nth-child(3):not([class*="--correct"]) .quiz__answer-text::before {
  content: "c";
}
.quiz__answer:nth-child(4):not([class*="--correct"]) .quiz__answer-text::before {
  content: "d";
}
.quiz__answer:nth-child(5):not([class*="--correct"]) .quiz__answer-text::before {
  content: "e";
}
.quiz__answer:nth-child(6):not([class*="--correct"]) .quiz__answer-text::before {
  content: "f";
}
.quiz__answer:nth-child(7):not([class*="--correct"]) .quiz__answer-text::before {
  content: "g";
}
.quiz__answer:nth-child(8):not([class*="--correct"]) .quiz__answer-text::before {
  content: "h";
}
.quiz__answer:nth-child(9):not([class*="--correct"]) .quiz__answer-text::before {
  content: "i";
}
.quiz__answer:nth-child(10):not([class*="--correct"]) .quiz__answer-text::before {
  content: "j";
}
[class*="--user"] .quiz__answer-text::before, .quiz__input:checked + .quiz__answer-text::before {
  background-color: hsl(0, 77%, 78%);
  color: hsl(210, 15%, 96%);
}

[class*="--correct"] .quiz__answer-text::before {
  background-color: hsl(120, 16%, 29%) !important;
  color: hsl(210, 15%, 96%);
  content: "\e905";
  font-family: "icomoon";
}

.quiz__input {
  opacity: 0;
  position: absolute;
}
.quiz__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem;
}
@media (min-width: 601px) {
  .quiz__nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
}
.quiz__nav-arrows {
  cursor: not-allowed;
}
@media (min-width: 601px) {
  .quiz__nav-arrows:first-child {
    margin-right: 1rem;
  }
}
.quiz__nav-arrows--clickable {
  cursor: pointer;
}
.quiz__btn-confirm {
  display: none;
}
@media (min-width: 601px) {
  .quiz__btn-confirm {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    margin-left: 1.5rem;
    -webkit-transform: translateX(2px);
        -ms-transform: translateX(2px);
            transform: translateX(2px);
  }
  .quiz__input:checked ~ .quiz__btn-confirm, [class*="--user"] .quiz__btn-confirm {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
.quiz__btn-confirm--nav {
  display: none;
  font-size: 0.85rem;
  margin-left: 0;
  opacity: 1;
  visibility: visible;
}
.quiz__btn-confirm--nav--is-show {
  display: inline-block;
}
@media (min-width: 601px) {
  .quiz__btn-confirm--nav--is-show {
    display: none;
  }
}

.video--youtube {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 100%;
}
.video--youtube iframe {
  max-width: 100%;
}

.video--aviso {
  margin: 2rem auto;
  max-width: 760px;
  padding: 0 1rem;
}

.video__aviso {
  background-color: #fff6dc;
  border-left: 4px solid #f4bb2f;
  border-radius: 6px;
  color: #6b5200;
  font-size: 0.95rem;
  line-height: 1.45;
  margin: 0;
  padding: 0.8rem 1rem;
  text-align: left;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulse-wifi {
  from {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  50% {
    -webkit-transform: scale3d(1.65, 1.65, 1.65);
    transform: scale3d(1.65, 1.65, 1.65);
  }
  to {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
}
@keyframes pulse-wifi {
  from {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  50% {
    -webkit-transform: scale3d(1.65, 1.65, 1.65);
    transform: scale3d(1.65, 1.65, 1.65);
  }
  to {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
}
.pulse-wifi {
  -webkit-animation-name: pulse-wifi;
  animation-name: pulse-wifi;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInDownShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownShort {
  -webkit-animation-name: fadeInDownShort;
  animation-name: fadeInDownShort;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftShort {
  -webkit-animation-name: fadeInLeftShort;
  animation-name: fadeInLeftShort;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightShortest {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightShortest {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightShortest {
  -webkit-animation-name: fadeInRightShortest;
  animation-name: fadeInRightShortest;
}

@-webkit-keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightShort {
  -webkit-animation-name: fadeInRightShort;
  animation-name: fadeInRightShort;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpShort {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort;
}

@-webkit-keyframes fadeInUpSuperShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpSuperShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpSuperShort {
  -webkit-animation-name: fadeInUpSuperShort;
  animation-name: fadeInUpSuperShort;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes explodeOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  to {
    opacity: 0;
  }
}
@keyframes explodeOut {
  from {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  to {
    opacity: 0;
  }
}
.explodeOut {
  -webkit-animation-name: explodeOut;
  animation-name: explodeOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.twoTimes {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.animated.threeTimes {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}

.animated.fourTimes {
  -webkit-animation-iteration-count: 4;
  animation-iteration-count: 4;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
}
.d250 {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.d500 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.d750 {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

.d1000 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.d1250 {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}

.d1500 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.d1750 {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}

.d2000 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.d2250 {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}

.d2500 {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.d2750 {
  -webkit-animation-delay: 2.75s;
          animation-delay: 2.75s;
}

.d3000 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.d3250 {
  -webkit-animation-delay: 3.25s;
          animation-delay: 3.25s;
}

.d3500 {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

.d3750 {
  -webkit-animation-delay: 3.75s;
          animation-delay: 3.75s;
}

.d4000 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.d4250 {
  -webkit-animation-delay: 4.25s;
          animation-delay: 4.25s;
}

.d4500 {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.d4750 {
  -webkit-animation-delay: 4.75s;
          animation-delay: 4.75s;
}

.d5000 {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.d5250 {
  -webkit-animation-delay: 5.25s;
          animation-delay: 5.25s;
}

.d5500 {
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}

.d5750 {
  -webkit-animation-delay: 5.75s;
          animation-delay: 5.75s;
}

.d6000 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.d6250 {
  -webkit-animation-delay: 6.25s;
          animation-delay: 6.25s;
}

.d6500 {
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}

.d6750 {
  -webkit-animation-delay: 6.75s;
          animation-delay: 6.75s;
}

@-webkit-keyframes wifi-highlight {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}

@keyframes wifi-highlight {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
.wifi--1 .wifi-highlight:nth-child(1) {
  -webkit-animation-name: wifi-highlight;
          animation-name: wifi-highlight;
}

.wifi--2 .wifi-highlight:nth-child(1), .wifi--2 .wifi-highlight:nth-child(2) {
  -webkit-animation-name: wifi-highlight;
          animation-name: wifi-highlight;
}

.wifi--3 .wifi-highlight:nth-child(1), .wifi--3 .wifi-highlight:nth-child(2), .wifi--3 .wifi-highlight:nth-child(3) {
  -webkit-animation-name: wifi-highlight;
          animation-name: wifi-highlight;
}

.wifi--4 .wifi-highlight:nth-child(1), .wifi--4 .wifi-highlight:nth-child(2), .wifi--4 .wifi-highlight:nth-child(3), .wifi--4 .wifi-highlight:nth-child(4) {
  -webkit-animation-name: wifi-highlight;
          animation-name: wifi-highlight;
}

.bg--orange-0 {
  background-color: hsl(24, 100%, 93%) !important;
}

.border--orange-0 {
  border: 1px solid hsl(24, 100%, 93%) !important;
}

.border--md-orange-0 {
  border: 2px solid hsl(24, 100%, 93%) !important;
}
.border--md-orange-0:hover {
  background-color: hsl(24, 100%, 93%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-0 {
  color: hsl(24, 100%, 93%) !important;
}

.fill--orange-0 {
  fill: hsl(24, 100%, 93%) !important;
}

.stroke--orange-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-10 {
  background-color: hsl(22, 100%, 85%) !important;
}

.border--orange-10 {
  border: 1px solid hsl(22, 100%, 85%) !important;
}

.border--md-orange-10 {
  border: 2px solid hsl(22, 100%, 85%) !important;
}
.border--md-orange-10:hover {
  background-color: hsl(22, 100%, 85%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-10 {
  color: hsl(22, 100%, 85%) !important;
}

.fill--orange-10 {
  fill: hsl(22, 100%, 85%) !important;
}

.stroke--orange-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-20 {
  background-color: hsl(20, 100%, 77%) !important;
}

.border--orange-20 {
  border: 1px solid hsl(20, 100%, 77%) !important;
}

.border--md-orange-20 {
  border: 2px solid hsl(20, 100%, 77%) !important;
}
.border--md-orange-20:hover {
  background-color: hsl(20, 100%, 77%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-20 {
  color: hsl(20, 100%, 77%) !important;
}

.fill--orange-20 {
  fill: hsl(20, 100%, 77%) !important;
}

.stroke--orange-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-30 {
  background-color: hsl(18, 100%, 70%) !important;
}

.border--orange-30 {
  border: 1px solid hsl(18, 100%, 70%) !important;
}

.border--md-orange-30 {
  border: 2px solid hsl(18, 100%, 70%) !important;
}
.border--md-orange-30:hover {
  background-color: hsl(18, 100%, 70%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-30 {
  color: hsl(18, 100%, 70%) !important;
}

.fill--orange-30 {
  fill: hsl(18, 100%, 70%) !important;
}

.stroke--orange-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-40 {
  background-color: hsl(16, 94%, 61%) !important;
}

.border--orange-40 {
  border: 1px solid hsl(16, 94%, 61%) !important;
}

.border--md-orange-40 {
  border: 2px solid hsl(16, 94%, 61%) !important;
}
.border--md-orange-40:hover {
  background-color: hsl(16, 94%, 61%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-40 {
  color: hsl(16, 94%, 61%) !important;
}

.fill--orange-40 {
  fill: hsl(16, 94%, 61%) !important;
}

.stroke--orange-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-50 {
  background-color: hsl(14, 89%, 55%) !important;
}

.border--orange-50 {
  border: 1px solid hsl(14, 89%, 55%) !important;
}

.border--md-orange-50 {
  border: 2px solid hsl(14, 89%, 55%) !important;
}
.border--md-orange-50:hover {
  background-color: hsl(14, 89%, 55%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-50 {
  color: hsl(14, 89%, 55%) !important;
}

.fill--orange-50 {
  fill: hsl(14, 89%, 55%) !important;
}

.stroke--orange-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-60 {
  background-color: hsl(12, 86%, 47%) !important;
}

.border--orange-60 {
  border: 1px solid hsl(12, 86%, 47%) !important;
}

.border--md-orange-60 {
  border: 2px solid hsl(12, 86%, 47%) !important;
}
.border--md-orange-60:hover {
  background-color: hsl(12, 86%, 47%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-60 {
  color: hsl(12, 86%, 47%) !important;
}

.fill--orange-60 {
  fill: hsl(12, 86%, 47%) !important;
}

.stroke--orange-60 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-70 {
  background-color: hsl(10, 93%, 40%) !important;
}

.border--orange-70 {
  border: 1px solid hsl(10, 93%, 40%) !important;
}

.border--md-orange-70 {
  border: 2px solid hsl(10, 93%, 40%) !important;
}
.border--md-orange-70:hover {
  background-color: hsl(10, 93%, 40%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-70 {
  color: hsl(10, 93%, 40%) !important;
}

.fill--orange-70 {
  fill: hsl(10, 93%, 40%) !important;
}

.stroke--orange-70 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-80 {
  background-color: hsl(8, 92%, 35%) !important;
}

.border--orange-80 {
  border: 1px solid hsl(8, 92%, 35%) !important;
}

.border--md-orange-80 {
  border: 2px solid hsl(8, 92%, 35%) !important;
}
.border--md-orange-80:hover {
  background-color: hsl(8, 92%, 35%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-80 {
  color: hsl(8, 92%, 35%) !important;
}

.fill--orange-80 {
  fill: hsl(8, 92%, 35%) !important;
}

.stroke--orange-80 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--orange-90 {
  background-color: hsl(6, 96%, 26%) !important;
}

.border--orange-90 {
  border: 1px solid hsl(6, 96%, 26%) !important;
}

.border--md-orange-90 {
  border: 2px solid hsl(6, 96%, 26%) !important;
}
.border--md-orange-90:hover {
  background-color: hsl(6, 96%, 26%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--orange-90 {
  color: hsl(6, 96%, 26%) !important;
}

.fill--orange-90 {
  fill: hsl(6, 96%, 26%) !important;
}

.stroke--orange-90 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--deepblue-0 {
  background-color: hsl(198, 6%, 82%) !important;
}

.border--deepblue-0 {
  border: 1px solid hsl(198, 6%, 82%) !important;
}

.border--md-deepblue-0 {
  border: 2px solid hsl(198, 6%, 82%) !important;
}
.border--md-deepblue-0:hover {
  background-color: hsl(198, 6%, 82%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--deepblue-0 {
  color: hsl(198, 6%, 82%) !important;
}

.fill--deepblue-0 {
  fill: hsl(198, 6%, 82%) !important;
}

.stroke--deepblue-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--deepblue-10 {
  background-color: #4D5457 !important;
}

.border--deepblue-10 {
  border: 1px solid #4D5457 !important;
}

.border--md-deepblue-10 {
  border: 2px solid #4D5457 !important;
}
.border--md-deepblue-10:hover {
  background-color: #4D5457;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--deepblue-10 {
  color: #4D5457 !important;
}

.fill--deepblue-10 {
  fill: #4D5457 !important;
}

.stroke--deepblue-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--deepblue-20 {
  background-color: #495154 !important;
}

.border--deepblue-20 {
  border: 1px solid #495154 !important;
}

.border--md-deepblue-20 {
  border: 2px solid #495154 !important;
}
.border--md-deepblue-20:hover {
  background-color: #495154;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--deepblue-20 {
  color: #495154 !important;
}

.fill--deepblue-20 {
  fill: #495154 !important;
}

.stroke--deepblue-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--deepblue-30 {
  background-color: #343F45 !important;
}

.border--deepblue-30 {
  border: 1px solid #343F45 !important;
}

.border--md-deepblue-30 {
  border: 2px solid #343F45 !important;
}
.border--md-deepblue-30:hover {
  background-color: #343F45;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--deepblue-30 {
  color: #343F45 !important;
}

.fill--deepblue-30 {
  fill: #343F45 !important;
}

.stroke--deepblue-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--deepblue-40 {
  background-color: #253540 !important;
}

.border--deepblue-40 {
  border: 1px solid #253540 !important;
}

.border--md-deepblue-40 {
  border: 2px solid #253540 !important;
}
.border--md-deepblue-40:hover {
  background-color: #253540;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--deepblue-40 {
  color: #253540 !important;
}

.fill--deepblue-40 {
  fill: #253540 !important;
}

.stroke--deepblue-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--deepblue-50 {
  background-color: #1A2E3D !important;
}

.border--deepblue-50 {
  border: 1px solid #1A2E3D !important;
}

.border--md-deepblue-50 {
  border: 2px solid #1A2E3D !important;
}
.border--md-deepblue-50:hover {
  background-color: #1A2E3D;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--deepblue-50 {
  color: #1A2E3D !important;
}

.fill--deepblue-50 {
  fill: #1A2E3D !important;
}

.stroke--deepblue-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-0 {
  background-color: hsl(0, 100%, 97%) !important;
}

.border--red-0 {
  border: 1px solid hsl(0, 100%, 97%) !important;
}

.border--md-red-0 {
  border: 2px solid hsl(0, 100%, 97%) !important;
}
.border--md-red-0:hover {
  background-color: hsl(0, 100%, 97%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-0 {
  color: hsl(0, 100%, 97%) !important;
}

.fill--red-0 {
  fill: hsl(0, 100%, 97%) !important;
}

.stroke--red-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-10 {
  background-color: hsl(0, 82%, 89%) !important;
}

.border--red-10 {
  border: 1px solid hsl(0, 82%, 89%) !important;
}

.border--md-red-10 {
  border: 2px solid hsl(0, 82%, 89%) !important;
}
.border--md-red-10:hover {
  background-color: hsl(0, 82%, 89%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-10 {
  color: hsl(0, 82%, 89%) !important;
}

.fill--red-10 {
  fill: hsl(0, 82%, 89%) !important;
}

.stroke--red-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-20 {
  background-color: hsl(0, 77%, 78%) !important;
}

.border--red-20 {
  border: 1px solid hsl(0, 77%, 78%) !important;
}

.border--md-red-20 {
  border: 2px solid hsl(0, 77%, 78%) !important;
}
.border--md-red-20:hover {
  background-color: hsl(0, 77%, 78%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-20 {
  color: hsl(0, 77%, 78%) !important;
}

.fill--red-20 {
  fill: hsl(0, 77%, 78%) !important;
}

.stroke--red-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-30 {
  background-color: hsl(0, 71%, 66%) !important;
}

.border--red-30 {
  border: 1px solid hsl(0, 71%, 66%) !important;
}

.border--md-red-30 {
  border: 2px solid hsl(0, 71%, 66%) !important;
}
.border--md-red-30:hover {
  background-color: hsl(0, 71%, 66%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-30 {
  color: hsl(0, 71%, 66%) !important;
}

.fill--red-30 {
  fill: hsl(0, 71%, 66%) !important;
}

.stroke--red-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-40 {
  background-color: hsl(0, 64%, 55%) !important;
}

.border--red-40 {
  border: 1px solid hsl(0, 64%, 55%) !important;
}

.border--md-red-40 {
  border: 2px solid hsl(0, 64%, 55%) !important;
}
.border--md-red-40:hover {
  background-color: hsl(0, 64%, 55%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-40 {
  color: hsl(0, 64%, 55%) !important;
}

.fill--red-40 {
  fill: hsl(0, 64%, 55%) !important;
}

.stroke--red-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-50 {
  background-color: hsl(0, 67%, 44%) !important;
}

.border--red-50 {
  border: 1px solid hsl(0, 67%, 44%) !important;
}

.border--md-red-50 {
  border: 2px solid hsl(0, 67%, 44%) !important;
}
.border--md-red-50:hover {
  background-color: hsl(0, 67%, 44%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-50 {
  color: hsl(0, 67%, 44%) !important;
}

.fill--red-50 {
  fill: hsl(0, 67%, 44%) !important;
}

.stroke--red-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-60 {
  background-color: hsl(0, 72%, 38%) !important;
}

.border--red-60 {
  border: 1px solid hsl(0, 72%, 38%) !important;
}

.border--md-red-60 {
  border: 2px solid hsl(0, 72%, 38%) !important;
}
.border--md-red-60:hover {
  background-color: hsl(0, 72%, 38%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-60 {
  color: hsl(0, 72%, 38%) !important;
}

.fill--red-60 {
  fill: hsl(0, 72%, 38%) !important;
}

.stroke--red-60 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-70 {
  background-color: hsl(0, 79%, 32%) !important;
}

.border--red-70 {
  border: 1px solid hsl(0, 79%, 32%) !important;
}

.border--md-red-70 {
  border: 2px solid hsl(0, 79%, 32%) !important;
}
.border--md-red-70:hover {
  background-color: hsl(0, 79%, 32%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-70 {
  color: hsl(0, 79%, 32%) !important;
}

.fill--red-70 {
  fill: hsl(0, 79%, 32%) !important;
}

.stroke--red-70 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-80 {
  background-color: hsl(0, 85%, 25%) !important;
}

.border--red-80 {
  border: 1px solid hsl(0, 85%, 25%) !important;
}

.border--md-red-80 {
  border: 2px solid hsl(0, 85%, 25%) !important;
}
.border--md-red-80:hover {
  background-color: hsl(0, 85%, 25%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-80 {
  color: hsl(0, 85%, 25%) !important;
}

.fill--red-80 {
  fill: hsl(0, 85%, 25%) !important;
}

.stroke--red-80 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--red-90 {
  background-color: hsl(0, 92%, 20%) !important;
}

.border--red-90 {
  border: 1px solid hsl(0, 92%, 20%) !important;
}

.border--md-red-90 {
  border: 2px solid hsl(0, 92%, 20%) !important;
}
.border--md-red-90:hover {
  background-color: hsl(0, 92%, 20%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--red-90 {
  color: hsl(0, 92%, 20%) !important;
}

.fill--red-90 {
  fill: hsl(0, 92%, 20%) !important;
}

.stroke--red-90 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-0 {
  background-color: hsl(221, 68%, 94%) !important;
}

.border--indigo-0 {
  border: 1px solid hsl(221, 68%, 94%) !important;
}

.border--md-indigo-0 {
  border: 2px solid hsl(221, 68%, 94%) !important;
}
.border--md-indigo-0:hover {
  background-color: hsl(221, 68%, 94%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-0 {
  color: hsl(221, 68%, 94%) !important;
}

.fill--indigo-0 {
  fill: hsl(221, 68%, 94%) !important;
}

.stroke--indigo-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-10 {
  background-color: hsl(221, 78%, 88%) !important;
}

.border--indigo-10 {
  border: 1px solid hsl(221, 78%, 88%) !important;
}

.border--md-indigo-10 {
  border: 2px solid hsl(221, 78%, 88%) !important;
}
.border--md-indigo-10:hover {
  background-color: hsl(221, 78%, 88%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-10 {
  color: hsl(221, 78%, 88%) !important;
}

.fill--indigo-10 {
  fill: hsl(221, 78%, 88%) !important;
}

.stroke--indigo-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-20 {
  background-color: hsl(224, 67%, 78%) !important;
}

.border--indigo-20 {
  border: 1px solid hsl(224, 67%, 78%) !important;
}

.border--md-indigo-20 {
  border: 2px solid hsl(224, 67%, 78%) !important;
}
.border--md-indigo-20:hover {
  background-color: hsl(224, 67%, 78%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-20 {
  color: hsl(224, 67%, 78%) !important;
}

.fill--indigo-20 {
  fill: hsl(224, 67%, 78%) !important;
}

.stroke--indigo-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-30 {
  background-color: hsl(225, 57%, 67%) !important;
}

.border--indigo-30 {
  border: 1px solid hsl(225, 57%, 67%) !important;
}

.border--md-indigo-30 {
  border: 2px solid hsl(225, 57%, 67%) !important;
}
.border--md-indigo-30:hover {
  background-color: hsl(225, 57%, 67%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-30 {
  color: hsl(225, 57%, 67%) !important;
}

.fill--indigo-30 {
  fill: hsl(225, 57%, 67%) !important;
}

.stroke--indigo-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-40 {
  background-color: hsl(227, 50%, 57%) !important;
}

.border--indigo-40 {
  border: 1px solid hsl(227, 50%, 57%) !important;
}

.border--md-indigo-40 {
  border: 2px solid hsl(227, 50%, 57%) !important;
}
.border--md-indigo-40:hover {
  background-color: hsl(227, 50%, 57%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-40 {
  color: hsl(227, 50%, 57%) !important;
}

.fill--indigo-40 {
  fill: hsl(227, 50%, 57%) !important;
}

.stroke--indigo-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-50 {
  background-color: hsl(227, 42%, 47%) !important;
}

.border--indigo-50 {
  border: 1px solid hsl(227, 42%, 47%) !important;
}

.border--md-indigo-50 {
  border: 2px solid hsl(227, 42%, 47%) !important;
}
.border--md-indigo-50:hover {
  background-color: hsl(227, 42%, 47%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-50 {
  color: hsl(227, 42%, 47%) !important;
}

.fill--indigo-50 {
  fill: hsl(227, 42%, 47%) !important;
}

.stroke--indigo-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-60 {
  background-color: hsl(228, 45%, 39%) !important;
}

.border--indigo-60 {
  border: 1px solid hsl(228, 45%, 39%) !important;
}

.border--md-indigo-60 {
  border: 2px solid hsl(228, 45%, 39%) !important;
}
.border--md-indigo-60:hover {
  background-color: hsl(228, 45%, 39%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-60 {
  color: hsl(228, 45%, 39%) !important;
}

.fill--indigo-60 {
  fill: hsl(228, 45%, 39%) !important;
}

.stroke--indigo-60 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-70 {
  background-color: hsl(230, 49%, 34%) !important;
}

.border--indigo-70 {
  border: 1px solid hsl(230, 49%, 34%) !important;
}

.border--md-indigo-70 {
  border: 2px solid hsl(230, 49%, 34%) !important;
}
.border--md-indigo-70:hover {
  background-color: hsl(230, 49%, 34%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-70 {
  color: hsl(230, 49%, 34%) !important;
}

.fill--indigo-70 {
  fill: hsl(230, 49%, 34%) !important;
}

.stroke--indigo-70 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-80 {
  background-color: hsl(232, 51%, 29%) !important;
}

.border--indigo-80 {
  border: 1px solid hsl(232, 51%, 29%) !important;
}

.border--md-indigo-80 {
  border: 2px solid hsl(232, 51%, 29%) !important;
}
.border--md-indigo-80:hover {
  background-color: hsl(232, 51%, 29%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-80 {
  color: hsl(232, 51%, 29%) !important;
}

.fill--indigo-80 {
  fill: hsl(232, 51%, 29%) !important;
}

.stroke--indigo-80 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--indigo-90 {
  background-color: hsl(234, 62%, 23%) !important;
}

.border--indigo-90 {
  border: 1px solid hsl(234, 62%, 23%) !important;
}

.border--md-indigo-90 {
  border: 2px solid hsl(234, 62%, 23%) !important;
}
.border--md-indigo-90:hover {
  background-color: hsl(234, 62%, 23%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--indigo-90 {
  color: hsl(234, 62%, 23%) !important;
}

.fill--indigo-90 {
  fill: hsl(234, 62%, 23%) !important;
}

.stroke--indigo-90 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-0 {
  background-color: hsl(216, 33%, 98%) !important;
}

.border--gray-0 {
  border: 1px solid hsl(216, 33%, 98%) !important;
}

.border--md-gray-0 {
  border: 2px solid hsl(216, 33%, 98%) !important;
}
.border--md-gray-0:hover {
  background-color: hsl(216, 33%, 98%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-0 {
  color: hsl(216, 33%, 98%) !important;
}

.fill--gray-0 {
  fill: hsl(216, 33%, 98%) !important;
}

.stroke--gray-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-10 {
  background-color: hsl(214, 15%, 93%) !important;
}

.border--gray-10 {
  border: 1px solid hsl(214, 15%, 93%) !important;
}

.border--md-gray-10 {
  border: 2px solid hsl(214, 15%, 93%) !important;
}
.border--md-gray-10:hover {
  background-color: hsl(214, 15%, 93%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-10 {
  color: hsl(214, 15%, 93%) !important;
}

.fill--gray-10 {
  fill: hsl(214, 15%, 93%) !important;
}

.stroke--gray-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-20 {
  background-color: hsl(210, 16%, 85%) !important;
}

.border--gray-20 {
  border: 1px solid hsl(210, 16%, 85%) !important;
}

.border--md-gray-20 {
  border: 2px solid hsl(210, 16%, 85%) !important;
}
.border--md-gray-20:hover {
  background-color: hsl(210, 16%, 85%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-20 {
  color: hsl(210, 16%, 85%) !important;
}

.fill--gray-20 {
  fill: hsl(210, 16%, 85%) !important;
}

.stroke--gray-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-30 {
  background-color: hsl(211, 13%, 78%) !important;
}

.border--gray-30 {
  border: 1px solid hsl(211, 13%, 78%) !important;
}

.border--md-gray-30 {
  border: 2px solid hsl(211, 13%, 78%) !important;
}
.border--md-gray-30:hover {
  background-color: hsl(211, 13%, 78%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-30 {
  color: hsl(211, 13%, 78%) !important;
}

.fill--gray-30 {
  fill: hsl(211, 13%, 78%) !important;
}

.stroke--gray-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-40 {
  background-color: hsl(211, 10%, 66%) !important;
}

.border--gray-40 {
  border: 1px solid hsl(211, 10%, 66%) !important;
}

.border--md-gray-40 {
  border: 2px solid hsl(211, 10%, 66%) !important;
}
.border--md-gray-40:hover {
  background-color: hsl(211, 10%, 66%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-40 {
  color: hsl(211, 10%, 66%) !important;
}

.fill--gray-40 {
  fill: hsl(211, 10%, 66%) !important;
}

.stroke--gray-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-50 {
  background-color: hsl(211, 12%, 58%) !important;
}

.border--gray-50 {
  border: 1px solid hsl(211, 12%, 58%) !important;
}

.border--md-gray-50 {
  border: 2px solid hsl(211, 12%, 58%) !important;
}
.border--md-gray-50:hover {
  background-color: hsl(211, 12%, 58%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-50 {
  color: hsl(211, 12%, 58%) !important;
}

.fill--gray-50 {
  fill: hsl(211, 12%, 58%) !important;
}

.stroke--gray-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-60 {
  background-color: hsl(209, 14%, 44%) !important;
}

.border--gray-60 {
  border: 1px solid hsl(209, 14%, 44%) !important;
}

.border--md-gray-60 {
  border: 2px solid hsl(209, 14%, 44%) !important;
}
.border--md-gray-60:hover {
  background-color: hsl(209, 14%, 44%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-60 {
  color: hsl(209, 14%, 44%) !important;
}

.fill--gray-60 {
  fill: hsl(209, 14%, 44%) !important;
}

.stroke--gray-60 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-70 {
  background-color: hsl(209, 18%, 35%) !important;
}

.border--gray-70 {
  border: 1px solid hsl(209, 18%, 35%) !important;
}

.border--md-gray-70 {
  border: 2px solid hsl(209, 18%, 35%) !important;
}
.border--md-gray-70:hover {
  background-color: hsl(209, 18%, 35%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-70 {
  color: hsl(209, 18%, 35%) !important;
}

.fill--gray-70 {
  fill: hsl(209, 18%, 35%) !important;
}

.stroke--gray-70 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-80 {
  background-color: hsl(209, 20%, 26%) !important;
}

.border--gray-80 {
  border: 1px solid hsl(209, 20%, 26%) !important;
}

.border--md-gray-80 {
  border: 2px solid hsl(209, 20%, 26%) !important;
}
.border--md-gray-80:hover {
  background-color: hsl(209, 20%, 26%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-80 {
  color: hsl(209, 20%, 26%) !important;
}

.fill--gray-80 {
  fill: hsl(209, 20%, 26%) !important;
}

.stroke--gray-80 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--gray-90 {
  background-color: hsl(210, 24%, 14%) !important;
}

.border--gray-90 {
  border: 1px solid hsl(210, 24%, 14%) !important;
}

.border--md-gray-90 {
  border: 2px solid hsl(210, 24%, 14%) !important;
}
.border--md-gray-90:hover {
  background-color: hsl(210, 24%, 14%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--gray-90 {
  color: hsl(210, 24%, 14%) !important;
}

.fill--gray-90 {
  fill: hsl(210, 24%, 14%) !important;
}

.stroke--gray-90 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--black {
  background-color: hsl(210, 15%, 8%) !important;
}

.border--black {
  border: 1px solid hsl(210, 15%, 8%) !important;
}

.border--md-black {
  border: 2px solid hsl(210, 15%, 8%) !important;
}
.border--md-black:hover {
  background-color: hsl(210, 15%, 8%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--black {
  color: hsl(210, 15%, 8%) !important;
}

.fill--black {
  fill: hsl(210, 15%, 8%) !important;
}

.stroke--black {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--white {
  background-color: hsl(210, 15%, 96%) !important;
}

.border--white {
  border: 1px solid hsl(210, 15%, 96%) !important;
}

.border--md-white {
  border: 2px solid hsl(210, 15%, 96%) !important;
}
.border--md-white:hover {
  background-color: hsl(210, 15%, 96%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--white {
  color: hsl(210, 15%, 96%) !important;
}

.fill--white {
  fill: hsl(210, 15%, 96%) !important;
}

.stroke--white {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--error-0 {
  background-color: hsl(0, 77%, 95%) !important;
}

.border--error-0 {
  border: 1px solid hsl(0, 77%, 95%) !important;
}

.border--md-error-0 {
  border: 2px solid hsl(0, 77%, 95%) !important;
}
.border--md-error-0:hover {
  background-color: hsl(0, 77%, 95%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--error-0 {
  color: hsl(0, 77%, 95%) !important;
}

.fill--error-0 {
  fill: hsl(0, 77%, 95%) !important;
}

.stroke--error-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--error-10 {
  background-color: hsl(0, 77%, 81%) !important;
}

.border--error-10 {
  border: 1px solid hsl(0, 77%, 81%) !important;
}

.border--md-error-10 {
  border: 2px solid hsl(0, 77%, 81%) !important;
}
.border--md-error-10:hover {
  background-color: hsl(0, 77%, 81%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--error-10 {
  color: hsl(0, 77%, 81%) !important;
}

.fill--error-10 {
  fill: hsl(0, 77%, 81%) !important;
}

.stroke--error-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--error-20 {
  background-color: hsl(0, 70%, 64%) !important;
}

.border--error-20 {
  border: 1px solid hsl(0, 70%, 64%) !important;
}

.border--md-error-20 {
  border: 2px solid hsl(0, 70%, 64%) !important;
}
.border--md-error-20:hover {
  background-color: hsl(0, 70%, 64%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--error-20 {
  color: hsl(0, 70%, 64%) !important;
}

.fill--error-20 {
  fill: hsl(0, 70%, 64%) !important;
}

.stroke--error-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--error-30 {
  background-color: hsl(0, 71%, 53%) !important;
}

.border--error-30 {
  border: 1px solid hsl(0, 71%, 53%) !important;
}

.border--md-error-30 {
  border: 2px solid hsl(0, 71%, 53%) !important;
}
.border--md-error-30:hover {
  background-color: hsl(0, 71%, 53%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--error-30 {
  color: hsl(0, 71%, 53%) !important;
}

.fill--error-30 {
  fill: hsl(0, 71%, 53%) !important;
}

.stroke--error-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--error-40 {
  background-color: hsl(0, 70%, 42%) !important;
}

.border--error-40 {
  border: 1px solid hsl(0, 70%, 42%) !important;
}

.border--md-error-40 {
  border: 2px solid hsl(0, 70%, 42%) !important;
}
.border--md-error-40:hover {
  background-color: hsl(0, 70%, 42%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--error-40 {
  color: hsl(0, 70%, 42%) !important;
}

.fill--error-40 {
  fill: hsl(0, 70%, 42%) !important;
}

.stroke--error-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--error-50 {
  background-color: hsl(0, 68%, 32%) !important;
}

.border--error-50 {
  border: 1px solid hsl(0, 68%, 32%) !important;
}

.border--md-error-50 {
  border: 2px solid hsl(0, 68%, 32%) !important;
}
.border--md-error-50:hover {
  background-color: hsl(0, 68%, 32%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--error-50 {
  color: hsl(0, 68%, 32%) !important;
}

.fill--error-50 {
  fill: hsl(0, 68%, 32%) !important;
}

.stroke--error-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--error-60 {
  background-color: hsl(0, 61%, 23%) !important;
}

.border--error-60 {
  border: 1px solid hsl(0, 61%, 23%) !important;
}

.border--md-error-60 {
  border: 2px solid hsl(0, 61%, 23%) !important;
}
.border--md-error-60:hover {
  background-color: hsl(0, 61%, 23%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--error-60 {
  color: hsl(0, 61%, 23%) !important;
}

.fill--error-60 {
  fill: hsl(0, 61%, 23%) !important;
}

.stroke--error-60 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--info-0 {
  background-color: hsl(197, 100%, 95%) !important;
}

.border--info-0 {
  border: 1px solid hsl(197, 100%, 95%) !important;
}

.border--md-info-0 {
  border: 2px solid hsl(197, 100%, 95%) !important;
}
.border--md-info-0:hover {
  background-color: hsl(197, 100%, 95%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--info-0 {
  color: hsl(197, 100%, 95%) !important;
}

.fill--info-0 {
  fill: hsl(197, 100%, 95%) !important;
}

.stroke--info-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--info-10 {
  background-color: hsl(198, 68%, 79%) !important;
}

.border--info-10 {
  border: 1px solid hsl(198, 68%, 79%) !important;
}

.border--md-info-10 {
  border: 2px solid hsl(198, 68%, 79%) !important;
}
.border--md-info-10:hover {
  background-color: hsl(198, 68%, 79%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--info-10 {
  color: hsl(198, 68%, 79%) !important;
}

.fill--info-10 {
  fill: hsl(198, 68%, 79%) !important;
}

.stroke--info-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--info-20 {
  background-color: hsl(198, 58%, 63%) !important;
}

.border--info-20 {
  border: 1px solid hsl(198, 58%, 63%) !important;
}

.border--md-info-20 {
  border: 2px solid hsl(198, 58%, 63%) !important;
}
.border--md-info-20:hover {
  background-color: hsl(198, 58%, 63%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--info-20 {
  color: hsl(198, 58%, 63%) !important;
}

.fill--info-20 {
  fill: hsl(198, 58%, 63%) !important;
}

.stroke--info-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--info-30 {
  background-color: hsl(194, 53%, 45%) !important;
}

.border--info-30 {
  border: 1px solid hsl(194, 53%, 45%) !important;
}

.border--md-info-30 {
  border: 2px solid hsl(194, 53%, 45%) !important;
}
.border--md-info-30:hover {
  background-color: hsl(194, 53%, 45%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--info-30 {
  color: hsl(194, 53%, 45%) !important;
}

.fill--info-30 {
  fill: hsl(194, 53%, 45%) !important;
}

.stroke--info-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--info-40 {
  background-color: hsl(194, 62%, 35%) !important;
}

.border--info-40 {
  border: 1px solid hsl(194, 62%, 35%) !important;
}

.border--md-info-40 {
  border: 2px solid hsl(194, 62%, 35%) !important;
}
.border--md-info-40:hover {
  background-color: hsl(194, 62%, 35%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--info-40 {
  color: hsl(194, 62%, 35%) !important;
}

.fill--info-40 {
  fill: hsl(194, 62%, 35%) !important;
}

.stroke--info-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--info-50 {
  background-color: hsl(194, 64%, 24%) !important;
}

.border--info-50 {
  border: 1px solid hsl(194, 64%, 24%) !important;
}

.border--md-info-50 {
  border: 2px solid hsl(194, 64%, 24%) !important;
}
.border--md-info-50:hover {
  background-color: hsl(194, 64%, 24%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--info-50 {
  color: hsl(194, 64%, 24%) !important;
}

.fill--info-50 {
  fill: hsl(194, 64%, 24%) !important;
}

.stroke--info-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--info-60 {
  background-color: hsl(199, 66%, 16%) !important;
}

.border--info-60 {
  border: 1px solid hsl(199, 66%, 16%) !important;
}

.border--md-info-60 {
  border: 2px solid hsl(199, 66%, 16%) !important;
}
.border--md-info-60:hover {
  background-color: hsl(199, 66%, 16%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--info-60 {
  color: hsl(199, 66%, 16%) !important;
}

.fill--info-60 {
  fill: hsl(199, 66%, 16%) !important;
}

.stroke--info-60 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--success-0 {
  background-color: hsl(120, 73%, 83%) !important;
}

.border--success-0 {
  border: 1px solid hsl(120, 73%, 83%) !important;
}

.border--md-success-0 {
  border: 2px solid hsl(120, 73%, 83%) !important;
}
.border--md-success-0:hover {
  background-color: hsl(120, 73%, 83%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--success-0 {
  color: hsl(120, 73%, 83%) !important;
}

.fill--success-0 {
  fill: hsl(120, 73%, 83%) !important;
}

.stroke--success-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--success-10 {
  background-color: hsl(120, 22%, 59%) !important;
}

.border--success-10 {
  border: 1px solid hsl(120, 22%, 59%) !important;
}

.border--md-success-10 {
  border: 2px solid hsl(120, 22%, 59%) !important;
}
.border--md-success-10:hover {
  background-color: hsl(120, 22%, 59%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--success-10 {
  color: hsl(120, 22%, 59%) !important;
}

.fill--success-10 {
  fill: hsl(120, 22%, 59%) !important;
}

.stroke--success-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--success-20 {
  background-color: hsl(120, 16%, 41%) !important;
}

.border--success-20 {
  border: 1px solid hsl(120, 16%, 41%) !important;
}

.border--md-success-20 {
  border: 2px solid hsl(120, 16%, 41%) !important;
}
.border--md-success-20:hover {
  background-color: hsl(120, 16%, 41%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--success-20 {
  color: hsl(120, 16%, 41%) !important;
}

.fill--success-20 {
  fill: hsl(120, 16%, 41%) !important;
}

.stroke--success-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--success-30 {
  background-color: hsl(120, 16%, 29%) !important;
}

.border--success-30 {
  border: 1px solid hsl(120, 16%, 29%) !important;
}

.border--md-success-30 {
  border: 2px solid hsl(120, 16%, 29%) !important;
}
.border--md-success-30:hover {
  background-color: hsl(120, 16%, 29%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--success-30 {
  color: hsl(120, 16%, 29%) !important;
}

.fill--success-30 {
  fill: hsl(120, 16%, 29%) !important;
}

.stroke--success-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--success-40 {
  background-color: hsl(120, 16%, 15%) !important;
}

.border--success-40 {
  border: 1px solid hsl(120, 16%, 15%) !important;
}

.border--md-success-40 {
  border: 2px solid hsl(120, 16%, 15%) !important;
}
.border--md-success-40:hover {
  background-color: hsl(120, 16%, 15%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--success-40 {
  color: hsl(120, 16%, 15%) !important;
}

.fill--success-40 {
  fill: hsl(120, 16%, 15%) !important;
}

.stroke--success-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--success-50 {
  background-color: hsl(120, 16%, 7%) !important;
}

.border--success-50 {
  border: 1px solid hsl(120, 16%, 7%) !important;
}

.border--md-success-50 {
  border: 2px solid hsl(120, 16%, 7%) !important;
}
.border--md-success-50:hover {
  background-color: hsl(120, 16%, 7%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--success-50 {
  color: hsl(120, 16%, 7%) !important;
}

.fill--success-50 {
  fill: hsl(120, 16%, 7%) !important;
}

.stroke--success-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--warning-0 {
  background-color: hsl(44, 100%, 98%) !important;
}

.border--warning-0 {
  border: 1px solid hsl(44, 100%, 98%) !important;
}

.border--md-warning-0 {
  border: 2px solid hsl(44, 100%, 98%) !important;
}
.border--md-warning-0:hover {
  background-color: hsl(44, 100%, 98%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--warning-0 {
  color: hsl(44, 100%, 98%) !important;
}

.fill--warning-0 {
  fill: hsl(44, 100%, 98%) !important;
}

.stroke--warning-0 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--warning-10 {
  background-color: hsl(44, 90%, 92%) !important;
}

.border--warning-10 {
  border: 1px solid hsl(44, 90%, 92%) !important;
}

.border--md-warning-10 {
  border: 2px solid hsl(44, 90%, 92%) !important;
}
.border--md-warning-10:hover {
  background-color: hsl(44, 90%, 92%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--warning-10 {
  color: hsl(44, 90%, 92%) !important;
}

.fill--warning-10 {
  fill: hsl(44, 90%, 92%) !important;
}

.stroke--warning-10 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--warning-20 {
  background-color: hsl(44, 90%, 80%) !important;
}

.border--warning-20 {
  border: 1px solid hsl(44, 90%, 80%) !important;
}

.border--md-warning-20 {
  border: 2px solid hsl(44, 90%, 80%) !important;
}
.border--md-warning-20:hover {
  background-color: hsl(44, 90%, 80%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--warning-20 {
  color: hsl(44, 90%, 80%) !important;
}

.fill--warning-20 {
  fill: hsl(44, 90%, 80%) !important;
}

.stroke--warning-20 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--warning-30 {
  background-color: hsl(42, 87%, 67%) !important;
}

.border--warning-30 {
  border: 1px solid hsl(42, 87%, 67%) !important;
}

.border--md-warning-30 {
  border: 2px solid hsl(42, 87%, 67%) !important;
}
.border--md-warning-30:hover {
  background-color: hsl(42, 87%, 67%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--warning-30 {
  color: hsl(42, 87%, 67%) !important;
}

.fill--warning-30 {
  fill: hsl(42, 87%, 67%) !important;
}

.stroke--warning-30 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--warning-40 {
  background-color: hsl(44, 57%, 52%) !important;
}

.border--warning-40 {
  border: 1px solid hsl(44, 57%, 52%) !important;
}

.border--md-warning-40 {
  border: 2px solid hsl(44, 57%, 52%) !important;
}
.border--md-warning-40:hover {
  background-color: hsl(44, 57%, 52%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--warning-40 {
  color: hsl(44, 57%, 52%) !important;
}

.fill--warning-40 {
  fill: hsl(44, 57%, 52%) !important;
}

.stroke--warning-40 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--warning-50 {
  background-color: hsl(43, 64%, 34%) !important;
}

.border--warning-50 {
  border: 1px solid hsl(43, 64%, 34%) !important;
}

.border--md-warning-50 {
  border: 2px solid hsl(43, 64%, 34%) !important;
}
.border--md-warning-50:hover {
  background-color: hsl(43, 64%, 34%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--warning-50 {
  color: hsl(43, 64%, 34%) !important;
}

.fill--warning-50 {
  fill: hsl(43, 64%, 34%) !important;
}

.stroke--warning-50 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--warning-60 {
  background-color: hsl(44, 66%, 22%) !important;
}

.border--warning-60 {
  border: 1px solid hsl(44, 66%, 22%) !important;
}

.border--md-warning-60 {
  border: 2px solid hsl(44, 66%, 22%) !important;
}
.border--md-warning-60:hover {
  background-color: hsl(44, 66%, 22%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--warning-60 {
  color: hsl(44, 66%, 22%) !important;
}

.fill--warning-60 {
  fill: hsl(44, 66%, 22%) !important;
}

.stroke--warning-60 {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--engagement {
  background-color: #F5BA2D !important;
}

.border--engagement {
  border: 1px solid #F5BA2D !important;
}

.border--md-engagement {
  border: 2px solid #F5BA2D !important;
}
.border--md-engagement:hover {
  background-color: #F5BA2D;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--engagement {
  color: #F5BA2D !important;
}

.fill--engagement {
  fill: #F5BA2D !important;
}

.stroke--engagement {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--kindness {
  background-color: #E61646 !important;
}

.border--kindness {
  border: 1px solid #E61646 !important;
}

.border--md-kindness {
  border: 2px solid #E61646 !important;
}
.border--md-kindness:hover {
  background-color: #E61646;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--kindness {
  color: #E61646 !important;
}

.fill--kindness {
  fill: #E61646 !important;
}

.stroke--kindness {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--management {
  background-color: #5FB44D !important;
}

.border--management {
  border: 1px solid #5FB44D !important;
}

.border--md-management {
  border: 2px solid #5FB44D !important;
}
.border--md-management:hover {
  background-color: #5FB44D;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--management {
  color: #5FB44D !important;
}

.fill--management {
  fill: #5FB44D !important;
}

.stroke--management {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--management-darker {
  background-color: rgb(24.4405177091%, 64.9148260095%, 15.869487716%) !important;
}

.border--management-darker {
  border: 1px solid rgb(24.4405177091%, 64.9148260095%, 15.869487716%) !important;
}

.border--md-management-darker {
  border: 2px solid rgb(24.4405177091%, 64.9148260095%, 15.869487716%) !important;
}
.border--md-management-darker:hover {
  background-color: rgb(24.4405177091%, 64.9148260095%, 15.869487716%);
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--management-darker {
  color: rgb(24.4405177091%, 64.9148260095%, 15.869487716%) !important;
}

.fill--management-darker {
  fill: rgb(24.4405177091%, 64.9148260095%, 15.869487716%) !important;
}

.stroke--management-darker {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--openness {
  background-color: #765BA4 !important;
}

.border--openness {
  border: 1px solid #765BA4 !important;
}

.border--md-openness {
  border: 2px solid #765BA4 !important;
}
.border--md-openness:hover {
  background-color: #765BA4;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--openness {
  color: #765BA4 !important;
}

.fill--openness {
  fill: #765BA4 !important;
}

.stroke--openness {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.bg--resilience {
  background-color: #44A0D9 !important;
}

.border--resilience {
  border: 1px solid #44A0D9 !important;
}

.border--md-resilience {
  border: 2px solid #44A0D9 !important;
}
.border--md-resilience:hover {
  background-color: #44A0D9;
  -webkit-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
  color: #fafafa;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.color--resilience {
  color: #44A0D9 !important;
}

.fill--resilience {
  fill: #44A0D9 !important;
}

.stroke--resilience {
  stroke: #fff !important;
}

.stroke--engagement {
  stroke: #F5BA30 !important;
}

.stroke--kindness {
  stroke: #E51947 !important;
}

.stroke--management {
  stroke: #60B34B !important;
}

.stroke--openness {
  stroke: #765BA3 !important;
}

.stroke--resilience {
  stroke: #3FA5C3 !important;
}

.stroke--engajamento {
  stroke: #F5BA30 !important;
}

.stroke--amabilidade {
  stroke: #E51947 !important;
}

.stroke--autogestao {
  stroke: #60B34B !important;
}

.stroke--abertura {
  stroke: #765BA3 !important;
}

.stroke--resiliencia {
  stroke: #3FA5C3 !important;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.d-flex--r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.d-flex--rr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.d-flex--c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.d-flex--cr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.d-flex-align--start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.d-flex-align--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-flex-justify--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.d-flex-justify--start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.d-flex-justify--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.d-flex-justify--end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.d-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.a-self--fe {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.a-self--fs {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.a-self--c {
  -ms-flex-item-align: center;
      align-self: center;
}

[flex="0"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

[flex="1"] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

[flex="5"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 5%;
          flex: 0 1 5%;
}

[flex="10"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 10%;
          flex: 0 1 10%;
}

[flex="15"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 15%;
          flex: 0 1 15%;
}

[flex="20"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}

[flex="25"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}

[flex="30"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

[flex="35"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 35%;
          flex: 0 1 35%;
}

[flex="40"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
}

[flex="45"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
}

[flex="50"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

[flex="55"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 55%;
          flex: 0 1 55%;
}

[flex="60"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
}

[flex="65"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 65%;
          flex: 0 1 65%;
}

[flex="70"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
}

[flex="75"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 75%;
          flex: 0 1 75%;
}

[flex="80"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
}

[flex="85"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 85%;
          flex: 0 1 85%;
}

[flex="90"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 90%;
          flex: 0 1 90%;
}

[flex="95"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 95%;
          flex: 0 1 95%;
}

[flex="100"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.d-none,
.d--none,
.is-hidden {
  display: none;
}

@media (min-width: 1px) {
  .d-xs--none,
  .hide-on--xs {
    display: none;
  }
}

@media (min-width: 601px) {
  .d-sm--none,
  .hide-on--sm {
    display: none;
  }
}

@media (min-width: 901px) {
  .d-md--none,
  .hide-on--md {
    display: none;
  }
}

@media (min-width: 1201px) {
  .d-lg--none,
  .hide-on--lg {
    display: none;
  }
}

@media (min-width: 1801px) {
  .d-xl--none,
  .hide-on--xl {
    display: none;
  }
}

@media (min-width: 1024px) {
  .show-on-lg {
    display: block;
  }
}

@media (min-width: 601px) {
  .d-sm--inline,
  .visible-on--sm {
    display: inline-block;
  }
}

@media (min-width: 601px) {
  .d-sm--block {
    display: block;
  }
}

@media (min-width: 601px) {
  .d-sm--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 901px) {
  .d-md--inline,
  .visible-on--md {
    display: inline-block;
  }
}

@media (min-width: 901px) {
  .d-md--block {
    display: block;
  }
}

@media (min-width: 901px) {
  .d-md--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1201px) {
  .d-lg--inline,
  .visible-on--lg {
    display: inline-block;
  }
}

@media (min-width: 1201px) {
  .d-lg--block {
    display: block;
  }
}

@media (min-width: 1201px) {
  .d-lg--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1801px) {
  .d-xl--inline,
  .visible-on--xl {
    display: inline-block;
  }
}

@media (min-width: 1801px) {
  .d-xl--block {
    display: block;
  }
}

@media (min-width: 1801px) {
  .d-xl--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.m--xxs {
  margin: 0.25rem !important;
}

.m-top--xxs {
  margin-top: 0.25rem !important;
}

.m-right--xxs {
  margin-right: 0.25rem !important;
}

.m-bottom--xxs {
  margin-bottom: 0.25rem !important;
}

.m-left--xxs {
  margin-left: 0.25rem !important;
}

.m-v--xxs {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}

.m-h--xxs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.m--xs {
  margin: 0.5rem !important;
}

.m-top--xs {
  margin-top: 0.5rem !important;
}

.m-right--xs {
  margin-right: 0.5rem !important;
}

.m-bottom--xs {
  margin-bottom: 0.5rem !important;
}

.m-left--xs {
  margin-left: 0.5rem !important;
}

.m-v--xs {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}

.m-h--xs {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.m--sm {
  margin: 1rem !important;
}

.m-top--sm {
  margin-top: 1rem !important;
}

.m-right--sm {
  margin-right: 1rem !important;
}

.m-bottom--sm {
  margin-bottom: 1rem !important;
}

.m-left--sm {
  margin-left: 1rem !important;
}

.m-v--sm {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

.m-h--sm {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.m--md {
  margin: 1.5rem !important;
}

.m-top--md {
  margin-top: 1.5rem !important;
}

.m-right--md {
  margin-right: 1.5rem !important;
}

.m-bottom--md {
  margin-bottom: 1.5rem !important;
}

.m-left--md {
  margin-left: 1.5rem !important;
}

.m-v--md {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}

.m-h--md {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.m--lg {
  margin: 2.25rem !important;
}

.m-top--lg {
  margin-top: 2.25rem !important;
}

.m-right--lg {
  margin-right: 2.25rem !important;
}

.m-bottom--lg {
  margin-bottom: 2.25rem !important;
}

.m-left--lg {
  margin-left: 2.25rem !important;
}

.m-v--lg {
  margin-bottom: 2.25rem !important;
  margin-top: 2.25rem !important;
}

.m-h--lg {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}

.m--xl {
  margin: 3rem !important;
}

.m-top--xl {
  margin-top: 3rem !important;
}

.m-right--xl {
  margin-right: 3rem !important;
}

.m-bottom--xl {
  margin-bottom: 3rem !important;
}

.m-left--xl {
  margin-left: 3rem !important;
}

.m-v--xl {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}

.m-h--xl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.m--xxl {
  margin: 3.75rem !important;
}

.m-top--xxl {
  margin-top: 3.75rem !important;
}

.m-right--xxl {
  margin-right: 3.75rem !important;
}

.m-bottom--xxl {
  margin-bottom: 3.75rem !important;
}

.m-left--xxl {
  margin-left: 3.75rem !important;
}

.m-v--xxl {
  margin-bottom: 3.75rem !important;
  margin-top: 3.75rem !important;
}

.m-h--xxl {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.m-top--none {
  margin-top: 0 !important;
}

.m-right--none {
  margin-right: 0 !important;
}

.m-bottom--none {
  margin-bottom: 0 !important;
}

.m-left--none {
  margin-left: 0 !important;
}

.m-top--auto {
  margin-top: auto !important;
}

.m-right--auto {
  margin-right: auto !important;
}

.m-bottom--auto {
  margin-bottom: auto !important;
}

.m-left--auto {
  margin-left: auto !important;
}

.m-h--none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-v--none {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.m--none {
  margin: 0 !important;
}

.p--xxs {
  padding: 0.25rem !important;
}

.p-top--xxs {
  padding-top: 0.25rem !important;
}

.p-right--xxs {
  padding-right: 0.25rem !important;
}

.p-bottom--xxs {
  padding-bottom: 0.25rem !important;
}

.p-left--xxs {
  padding-left: 0.25rem !important;
}

.p-v--xxs {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}

.p-h--xxs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.p--xs {
  padding: 0.5rem !important;
}

.p-top--xs {
  padding-top: 0.5rem !important;
}

.p-right--xs {
  padding-right: 0.5rem !important;
}

.p-bottom--xs {
  padding-bottom: 0.5rem !important;
}

.p-left--xs {
  padding-left: 0.5rem !important;
}

.p-v--xs {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}

.p-h--xs {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.p--sm {
  padding: 1rem !important;
}

.p-top--sm {
  padding-top: 1rem !important;
}

.p-right--sm {
  padding-right: 1rem !important;
}

.p-bottom--sm {
  padding-bottom: 1rem !important;
}

.p-left--sm {
  padding-left: 1rem !important;
}

.p-v--sm {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.p-h--sm {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.p--md {
  padding: 1.5rem !important;
}

.p-top--md {
  padding-top: 1.5rem !important;
}

.p-right--md {
  padding-right: 1.5rem !important;
}

.p-bottom--md {
  padding-bottom: 1.5rem !important;
}

.p-left--md {
  padding-left: 1.5rem !important;
}

.p-v--md {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}

.p-h--md {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.p--lg {
  padding: 2.25rem !important;
}

.p-top--lg {
  padding-top: 2.25rem !important;
}

.p-right--lg {
  padding-right: 2.25rem !important;
}

.p-bottom--lg {
  padding-bottom: 2.25rem !important;
}

.p-left--lg {
  padding-left: 2.25rem !important;
}

.p-v--lg {
  padding-bottom: 2.25rem !important;
  padding-top: 2.25rem !important;
}

.p-h--lg {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.p--xl {
  padding: 3rem !important;
}

.p-top--xl {
  padding-top: 3rem !important;
}

.p-right--xl {
  padding-right: 3rem !important;
}

.p-bottom--xl {
  padding-bottom: 3rem !important;
}

.p-left--xl {
  padding-left: 3rem !important;
}

.p-v--xl {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}

.p-h--xl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.p--xxl {
  padding: 3.75rem !important;
}

.p-top--xxl {
  padding-top: 3.75rem !important;
}

.p-right--xxl {
  padding-right: 3.75rem !important;
}

.p-bottom--xxl {
  padding-bottom: 3.75rem !important;
}

.p-left--xxl {
  padding-left: 3.75rem !important;
}

.p-v--xxl {
  padding-bottom: 3.75rem !important;
  padding-top: 3.75rem !important;
}

.p-h--xxl {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

.p-top--none {
  padding-top: 0 !important;
}

.p-right--none {
  padding-right: 0 !important;
}

.p-bottom--none {
  padding-bottom: 0 !important;
}

.p-left--none {
  padding-left: 0 !important;
}

.p-h--none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-v--none {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.p--none {
  padding: 0 !important;
}

@keyframes autofill {
  0%, 100% {
    background-color: hsl(210, 24%, 14%) !important;
  }
}
@-webkit-keyframes autofill {
  0%, 100% {
    background-color: hsl(210, 24%, 14%) !important;
  }
}
.super-zindex {
  z-index: 9999;
}

.augmented-link {
  position: relative;
}
.augmented-link > * {
  opacity: 0.99;
  max-width: 100%;
  pointer-events: none;
  position: relative;
  z-index: 2;
}
.augmented-link > a {
  background-color: hsl(210, 15%, 8%);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  width: 100%;
  z-index: 1;
}
.augmented-link > a:hover {
  opacity: 1;
}

.bg--black-blue-print {
  background-color: rgba(0, 39, 68, 0.5);
}

.bg--login-coreskills {
  background-image: url(/assets/img/login-coreskills-login.png);
  background-size: 65%;
  background-repeat: no-repeat;
  background-color: #002744;
  background-position-x: 100%;
}
@media (min-width: 601px) {
  .bg--login-coreskills {
    background-position-y: 50%;
  }
}
@media (min-width: 901px) {
  .bg--login-coreskills {
    background-position-y: 0%;
    background-size: 20%;
    background-position-x: 57%;
  }
}
@media (min-width: 1201px) {
  .bg--login-coreskills {
    background-position-y: 25%;
    background-size: 55%;
    background-position-x: 15%;
  }
}

.d-block {
  display: block;
}

.d-i-block {
  display: inline-block;
}

.link--dotted {
  position: relative;
  overflow: visible;
}
.link--dotted > * {
  position: relative;
  z-index: 2;
}
.link--dotted::before {
  color: hsl(210, 15%, 96%) !important;
  background-color: #4D5457;
  border-radius: 8px;
  content: "";
  height: calc(100% + 0.5rem * 2);
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: 200ms var(--ease-in-out-quad);
  -o-transition: 200ms var(--ease-in-out-quad);
  transition: 200ms var(--ease-in-out-quad);
  visibility: hidden;
  width: 100%;
  padding: 0.2rem;
  z-index: -1;
}
.link--dotted:hover {
  color: hsl(210, 15%, 96%);
}
.link--dotted:hover::before {
  opacity: 1;
  visibility: visible;
}
.link--dotted:hover .icon-online-learning {
  content: url(/assets/img/online-learning-n.svg);
  width: 1rem;
  height: 1.5rem;
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .link--dotted {
    border-radius: 55px;
    background-color: transparent;
    padding: 0.5rem 1rem;
  }
  .link--dotted::before {
    display: none;
  }
  .link--dotted:hover {
    background-color: hsl(0, 77%, 78%);
  }
}
.link--dotted {
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: inherit;
  padding: 0;
  text-shadow: none;
  z-index: 2;
}
.link--dotted::after {
  border-bottom-width: 4px;
  border-bottom-style: dotted;
  border-bottom-color: #4D5457;
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  top: 100%;
  -webkit-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 400ms var(--ease-out-quad);
  -o-transition: 400ms var(--ease-out-quad);
  transition: 400ms var(--ease-out-quad);
  will-change: opacity;
  width: 100%;
}
.link--dotted:hover::after {
  opacity: 0;
}
.link--dotted {
  display: inline-block;
}

.is-hidden--v {
  opacity: 0;
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.tt-u {
  text-transform: uppercase;
}

.fw-300 {
  font-weight: 300;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.small {
  font-size: 0.75em;
}

.scr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.w100 {
  width: 100%;
}

.w50 {
  width: 50%;
}

.w40 {
  width: 40%;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.items-center {
  justify-items: center !important;
}

.flow-xxs > * + * {
  margin-top: 0.25rem;
}

.flexbox-gap [class*=gap-].flow-xxs > * + * {
  margin-top: 0;
}

.flow-xs > * + * {
  margin-top: 0.5rem;
}

.flexbox-gap [class*=gap-].flow-xs > * + * {
  margin-top: 0;
}

.flow-sm > * + * {
  margin-top: 1rem;
}

.flexbox-gap [class*=gap-].flow-sm > * + * {
  margin-top: 0;
}

.flow-md > * + * {
  margin-top: 1.5rem;
}

.flexbox-gap [class*=gap-].flow-md > * + * {
  margin-top: 0;
}

.flow-lg > * + * {
  margin-top: 2.25rem;
}

.flexbox-gap [class*=gap-].flow-lg > * + * {
  margin-top: 0;
}

.flow-xl > * + * {
  margin-top: 3rem;
}

.flexbox-gap [class*=gap-].flow-xl > * + * {
  margin-top: 0;
}

.flow-xxl > * + * {
  margin-top: 3.75rem;
}

.flexbox-gap [class*=gap-].flow-xxl > * + * {
  margin-top: 0;
}

.fs--xxs {
  font-size: 0.85rem;
}

.fs--xs {
  font-size: 1rem;
}

.fs--sm {
  font-size: 1.15rem;
}

.fs--md {
  font-size: 1.35rem;
}

.fs--lg {
  font-size: 1.6rem;
}

.fs--xl {
  font-size: 1.9rem;
}

.fs--xxl {
  font-size: 2.25rem;
}

.fs--super {
  font-size: 2.5rem;
}

.fs--max {
  font-size: 3rem;
}

.title-0 {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 2.25rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .title-0 {
    font-size: 3rem;
  }
}
.title-1 {
  font-size: 1.9rem;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
}
@media (min-width: 601px) {
  .title-1 {
    font-size: 1.9rem;
  }
}
@media (min-width: 901px) {
  .title-1 {
    font-size: 2.25rem;
  }
}
@media (min-width: 1201px) {
  .title-1 {
    font-size: 2.5rem;
  }
}
.title-2 {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-transform: normal;
}
@media (min-width: 601px) {
  .title-2 {
    font-size: 1.9rem;
  }
}
@media (min-width: 1201px) {
  .title-2 {
    font-size: 2.25rem;
  }
}
.title-3 {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  line-height: 1.2;
}
@media (min-width: 601px) {
  .title-3 {
    font-size: 1.35rem;
  }
}
@media (min-width: 1201px) {
  .title-3 {
    font-size: 1.35rem;
  }
}
.title-3--alt {
  border-bottom: 1px solid hsl(210, 24%, 14%);
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (min-width: 1201px) {
  .title-3--alt {
    font-size: 1.15rem;
  }
}
.title-4 {
  font-size: 1.15rem;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.title-aux {
  display: inline-block;
  font-family: "poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) {
  background-color: #fff;
  -webkit-filter: invert(1) hue-rotate(180deg);
          filter: invert(1) hue-rotate(180deg);
}
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) #accessify-toolbar-v2-content-wrapper.contrast-dark {
  background-color: transparent !important;
  color: inherit !important;
}
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) #accessify-toolbar-v2-content-wrapper.contrast-dark a {
  color: inherit !important;
}
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) img,
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) video,
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) iframe,
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) canvas,
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) svg image,
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) [style*=background-image],
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) .accessify-toolbar-v2-trigger,
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) .accessify-toolbar-v2-panel {
  -webkit-filter: invert(1) hue-rotate(180deg);
          filter: invert(1) hue-rotate(180deg);
}
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) .accessify-toolbar-v2-trigger img,
html:has(#accessify-toolbar-v2-content-wrapper.contrast-dark) .accessify-toolbar-v2-panel img {
  -webkit-filter: none;
          filter: none;
}

#accessify-toolbar-v2-content-wrapper {
  padding: 0 !important;
}

.highlight-links #accessify-toolbar-v2-content-wrapper button,
.highlight-links #accessify-toolbar-v2-content-wrapper select,
.highlight-links #accessify-toolbar-v2-content-wrapper summary,
.highlight-links #accessify-toolbar-v2-content-wrapper [role=button],
.highlight-links #accessify-toolbar-v2-content-wrapper [role=link],
.highlight-links #accessify-toolbar-v2-content-wrapper [role=tab],
.highlight-links #accessify-toolbar-v2-content-wrapper [data-ember-action],
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=button],
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=submit],
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=reset],
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=checkbox],
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=radio] {
  outline: 3px solid #f5c400 !important;
  outline-offset: 2px !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}
.highlight-links #accessify-toolbar-v2-content-wrapper button:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper select:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper summary:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper [role=button]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper [role=link]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper [role=tab]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper [data-ember-action]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=button]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=submit]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=reset]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=checkbox]:hover,
.highlight-links #accessify-toolbar-v2-content-wrapper input[type=radio]:hover {
  outline-color: #c79c00 !important;
}

.accessify-toolbar-v2-trigger,
.accessify-toolbar-v2-panel {
  top: auto !important;
  bottom: calc(max(2rem, env(safe-area-inset-bottom, 0px)) + 3rem + 0.75rem) !important;
  left: auto !important;
}

.accessify-toolbar-v2-trigger {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

.accessify-toolbar-v2-panel {
  bottom: calc(max(2rem, env(safe-area-inset-bottom, 0px)) + 3rem + 0.75rem + 40px + 0.5rem) !important;
  max-height: calc(100vh - 6rem - 40px - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
}

.accessify-toolbar-v2-trigger {
  padding: 0 !important;
  background-color: transparent !important;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}
.accessify-toolbar-v2-trigger[aria-expanded] {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.accessify-toolbar-v2-trigger:hover {
  background-color: transparent !important;
  -webkit-transform: scale(1.08) !important;
      -ms-transform: scale(1.08) !important;
          transform: scale(1.08) !important;
}
.accessify-toolbar-v2-trigger:focus-visible {
  -webkit-box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.5) !important;
          box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.5) !important;
}
.accessify-toolbar-v2-trigger .accessify-toolbar-v2-trigger-icon-img {
  width: 100% !important;
  height: 100% !important;
}

:focus-visible {
  outline: 3px solid #0a3d5c;
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 7px #fff;
          box-shadow: 0 0 0 7px #fff;
}

[tabindex="-1"]:focus,
[tabindex="-1"]:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.skip-link {
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 100000;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  background-color: #0a3d5c;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  -webkit-transform: translateY(calc(-100% - 1rem));
      -ms-transform: translateY(calc(-100% - 1rem));
          transform: translateY(calc(-100% - 1rem));
}
.skip-link:focus, .skip-link:focus-visible {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #fff;
}

html.menu-m-aberto,
html.menu-m-aberto body {
  overflow: hidden;
}

.aulas__menu {
  display: inline-block;
  width: 70% !important;
}
.aulas__menu button {
  text-transform: none;
  color: #6B6B6B;
  font-size: 1rem;
}
.aulas__menu button::first-letter {
  text-transform: uppercase;
}
.aulas__menu button {
  margin-left: 3rem;
  font-weight: 400;
}
.aulas__menu button:hover {
  color: #2F7F96;
}
@media (max-width: 1799px) {
  .aulas__menu button {
    margin-left: 2rem;
  }
}
.aulas__menu__selected {
  color: #2F7F96 !important;
  border: 1px solid #2F7F96;
  border-radius: 5px;
  padding: 0.5rem 1rem;
}
@media (max-width: 899px) {
  .aulas__menu {
    display: none;
  }
}
@media (max-width: 1199px) {
  .aulas__menu {
    width: 100% !important;
  }
}
.aulas__menu--is-active {
  color: #2F7F96;
}
.aulas__menu-mobile {
  display: none;
}
@media (max-width: 899px) {
  .aulas__menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 72%;
    margin-top: 0.75rem;
  }
}
@media (max-width: 599px) {
  .aulas__menu-mobile {
    width: 100%;
  }
}
.aulas__menu-mobile select {
  background-color: #f6f6f6;
  border: 1px solid #89BE44 !important;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  width: calc(100% - 3rem);
  min-width: 100%;
}
.aulas__menu-mobile span {
  position: relative;
}
.aulas__menu-mobile span button {
  position: absolute;
  top: 0rem;
  width: 1.5rem;
  right: 1rem;
  color: #808080;
  font-size: 1.5rem;
}
.aulas__menu-mobile .form-group {
  display: table-caption;
}
.aulas__menu-mobile .form-group select {
  color: #808080;
  font-size: 0.87rem;
}
.aulas__menu-mobile .form-group select span button {
  width: 2rem;
  background-color: #f01;
}
.aulas__tit-pag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  font-size: 1.7rem;
  color: #6B6B6B;
  font-weight: 600;
  margin: -1rem 0rem 1.5rem 0rem !important;
}
@media (max-width: 1199px) {
  .aulas__tit-pag {
    font-size: 1.5rem;
    margin: -2rem 0.5rem 1.5rem !important;
  }
}
@media (max-width: 899px) {
  .aulas__tit-pag {
    font-size: 1.5rem;
    margin: -1rem 0.5rem 0.5rem !important;
  }
}
@media (max-width: 599px) {
  .aulas__tit-pag {
    width: 100%;
    margin: 0rem 0.5rem 0rem !important;
    font-size: 1.7rem;
  }
}
.aulas__topo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0rem;
}
@media (max-width: 599px) {
  .aulas__topo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.aulas__conteudo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .aulas__conteudo {
    display: block;
  }
}
.aulas__filtro {
  width: 30%;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  display: block;
  z-index: 9999;
  border-radius: 0px 20px;
  margin: 0 1rem 0 0;
  padding: 2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
}
.aulas__filtro select {
  background-color: #f6f6f6;
  border: none !important;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
  color: #808080 !important;
  border-radius: 10px !important;
}
.aulas__filtro .form-group {
  margin-bottom: 0;
  margin-top: 1.5rem;
}
.aulas__filtro .form-group__wrapper--select {
  position: relative;
}
.aulas__filtro .form-group__wrapper--select::before {
  color: inherit;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 1.5rem;
  padding: 0 0.5rem 0 0;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #808080 !important;
}
.aulas__filtro .form-group__label {
  text-transform: capitalize;
}
@media (max-width: 599px) {
  .aulas__filtro .form-group {
    display: table-cell;
  }
}
.aulas__filtro--anos {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.aulas__filtro--anos button {
  background-color: #f6f6f6;
  border-radius: 5px;
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: #808080;
  text-align: center;
  margin: 0.5rem 0.15rem;
  min-width: 47%;
}
@media (max-width: 1199px) {
  .aulas__filtro--anos button {
    min-width: 45%;
  }
}
@media (max-width: 599px) {
  .aulas__filtro--anos button {
    min-width: 47%;
  }
}
.aulas__filtro--anos-active {
  border: 1px solid #a3c94b;
  color: #a3c94b !important;
  font-weight: 700;
}
@media (max-width: 599px) {
  .aulas__filtro--anos {
    display: block;
  }
}
@media (max-width: 899px) {
  .aulas__filtro {
    padding: 1rem;
  }
}
@media (max-width: 599px) {
  .aulas__filtro {
    width: 100%;
    margin: auto;
    margin-bottom: 2rem;
  }
}
.aulas__filtros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.aulas__bloco-aulas {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.035);
  display: block;
  border-radius: 20px 0px;
  padding: 2rem;
  width: 70% !important;
}
@media (max-width: 899px) {
  .aulas__bloco-aulas {
    padding: 1.5rem;
  }
}
@media (max-width: 599px) {
  .aulas__bloco-aulas {
    width: 100% !important;
    margin: 1rem auto;
  }
}
.aulas__blocos {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aulas__blocos button {
  color: #2F7F96;
  font-size: 1.15rem;
  font-weight: 500;
  width: 100%;
  margin: 0.5rem 0rem 0.5rem 0.3rem;
}
@media (max-width: 599px) {
  .aulas__blocos button {
    margin: 1rem 0rem;
  }
}
.aulas__blocos--comp {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  border-radius: 3px;
  color: #ffffff;
  text-align: center;
  margin: 0.5rem 0.3rem;
  line-height: 2.25rem;
  font-weight: 500;
  font-size: 1.05rem;
}
.aulas__blocos--comp--autogestao {
  background-color: #8AB925 !important;
  color: #fff;
}
.aulas__blocos--comp--abertura {
  background-color: #765AA3 !important;
  color: #fff;
}
.aulas__blocos--comp--engajamento {
  background-color: #F4BB2F !important;
  color: #fff;
}
.aulas__blocos--comp--amabilidade {
  background-color: #E61D47 !important;
  color: #fff;
}
.aulas__blocos--comp--modulacao {
  background-color: #3FA5C3 !important;
  color: #fff;
}
@media (max-width: 599px) {
  .aulas__blocos--comp {
    width: 2.15rem;
    height: 2.15rem;
    line-height: 2.15rem;
    font-size: 1rem;
    margin: 0.5rem 0.2rem;
  }
}
@media (max-width: 599px) {
  .aulas__blocos--box {
    display: ruby;
  }
}
@media (max-width: 599px) {
  .aulas__blocos {
    display: inline;
  }
}
@media (max-width: 899px) {
  .aulas__blocos {
    display: block;
  }
}
@media (max-width: 1199px) {
  .aulas__blocos {
    display: block;
  }
}
.aulas__bloco-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
@media (max-width: 1199px) {
  .aulas__bloco-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.aulas__bloco-header p {
  color: #808080;
  font-size: 16px;
  position: relative;
  left: 0rem;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 1199px) {
  .aulas__bloco-header p {
    margin-bottom: 1rem;
  }
}
.aulas__bloco-botoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
}
@media (max-width: 1199px) {
  .aulas__bloco-botoes {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.aulas__bloco-botoes--botao {
  background-color: #60961a;
  font-weight: 600;
  border-radius: 5px;
  height: 2rem;
  margin: 0 0 0.5rem 1rem;
  min-width: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5rem;
  text-align: center;
}
.aulas__bloco-botoes--botao span {
  display: contents;
}
.aulas__bloco-botoes--botao span img {
  width: 1rem;
}
.aulas__bloco-botoes--botao a {
  font-size: 1rem;
}
.aulas__bloco-botoes--botao button {
  font-size: 1rem;
  margin-left: 0.5rem !important;
  color: #fff;
  font-weight: 600;
}
.aulas__bloco-botoes--botao b {
  font-weight: 600;
}
@media (max-width: 899px) {
  .aulas__bloco-botoes--botao {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0rem;
  }
}
@media (max-width: 1199px) {
  .aulas__bloco-botoes--botao {
    margin-top: 2rem;
    margin: 2rem 0.5rem 0.75rem;
    min-width: 12.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 1799px) {
  .aulas__bloco-botoes--botao {
    margin-top: 0rem;
    display: inline-block;
  }
}
@media (max-width: 599px) {
  .aulas__bloco-botoes--botao {
    margin: 0 0rem 0.5rem 0;
    min-width: 16rem;
  }
}
.aulas__bloco-botoes--botao--acao {
  margin: 0 1rem 0.5rem 0;
}
@media (max-width: 599px) {
  .aulas__bloco-botoes--botao--acao {
    margin: 0 0rem 0.5rem 0;
  }
}
.aulas__bloco-botoes p {
  color: #808080;
  font-size: 16px;
  position: relative;
  left: 0rem;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 899px) {
  .aulas__bloco-botoes p {
    position: absolute;
  }
}
@media (max-width: 599px) {
  .aulas__bloco-botoes p {
    position: relative !important;
    text-align: right !important;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1199px) {
  .aulas__bloco-botoes p {
    position: absolute;
    text-align: left;
  }
}
.aulas__bloco-botoes a,
.aulas__bloco-botoes button {
  margin-top: 0rem !important;
}
.aulas__estrelas {
  position: absolute;
  right: 2rem;
  top: 0.25rem;
}
.aulas__estrelas .rating {
  border: none;
  float: left;
}
.aulas__estrelas .rating > input {
  display: none;
}
.aulas__estrelas .rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
@media (max-width: 599px) {
  .aulas__estrelas .rating > label:before {
    margin: 1px;
    font-size: 1em;
  }
}
.aulas__estrelas .rating > .half:before {
  content: "\f089";
  position: absolute;
}
.aulas__estrelas .rating > label {
  color: #ddd;
  float: right;
}
.aulas__estrelas .rating > input:checked ~ label,
.aulas__estrelas .rating:not(:checked) > label:hover,
.aulas__estrelas .rating:not(:checked) > label:hover ~ label {
  color: #a3c94b;
}
.aulas__estrelas .rating > input:checked + label:hover,
.aulas__estrelas .rating > input:checked ~ label:hover,
.aulas__estrelas .rating > label:hover ~ input:checked ~ label,
.aulas__estrelas .rating > input:checked ~ label:hover ~ label {
  color: rgba(163, 201, 75, 0.4509803922);
}
@media (max-width: 599px) {
  .aulas__estrelas {
    position: relative;
    right: 0rem;
    width: 12rem;
    display: block;
    top: 0.8rem;
  }
}
.aulas__base {
  border: 1px solid #a3c94b;
  padding: 1rem 1rem 0.5rem 1rem;
  border-radius: 10px;
  margin: 0.5rem 0;
  min-height: 5rem;
}
.aulas__base *,
.aulas__base *::before,
.aulas__base *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.aulas__base {
  /* Core styles/functionality */
}
.aulas__base--tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.aulas__base--tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.aulas__base--tab input:checked ~ .aulas__base--tab-content {
  max-height: 10rem;
}
.aulas__base {
  /* Visual styles */
}
.aulas__base--accordion {
  border-radius: 0.5rem;
  overflow: hidden;
}
.aulas__base--tab-label, .aulas__base--tab-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  background: var(--theme);
  cursor: pointer;
}
.aulas__base--tab-label {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.aulas__base--tab-label::after {
  content: "❯";
  width: 0.8em;
  height: 0.8em;
  text-align: center;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  color: #a3c94b;
  position: absolute;
  right: 0.25rem;
  top: 0.75rem;
  font-size: x-large;
}
.aulas__base--tab input:checked + .aulas__base--tab-label::after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.aulas__base--tab-content p {
  margin: 0;
  padding: 1rem;
}
.aulas__base--tab-close {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.aulas__base--accordion-radio {
  --theme: var(--secondary);
}
.aulas__base {
  /* Arrow animation */
}
.aulas__base--tab input:not(:checked) + .aulas__base--tab-label:hover::after {
  -webkit-animation: bounce 0.5s infinite;
          animation: bounce 0.5s infinite;
}
@keyframes bounce {
  25% {
    -webkit-transform: rotate(90deg) translate(0.25rem);
            transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    -webkit-transform: rotate(90deg) translate(-0.25rem);
            transform: rotate(90deg) translate(-0.25rem);
  }
}
.aulas__base--acoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.75rem;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .aulas__base--acoes div {
    margin-top: 0rem;
  }
}
@media (max-width: 599px) {
  .aulas__base--acoes {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.aulas__base .modal-window {
  position: fixed;
  background-color: rgba(137, 190, 68, 0.4666666667);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.aulas__base .modal-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.aulas__base .modal-window > div {
  width: 40rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2em;
  background: #fafafa;
}
.aulas__base .modal-window header {
  font-weight: bold;
}
.aulas__base .modal-window h1 {
  font-size: 1.3rem;
  margin: 0 0 15px;
  color: #808080;
}
.aulas__base .modal-window__bloco {
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem;
}
.aulas__base .modal-window__bloco--subtitulo {
  font-size: 1rem;
  color: #808080;
  font-weight: 700;
  margin-bottom: 2rem;
}
.aulas__base .modal-window__bloco--linha {
  margin: 1rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.aulas__base .modal-window__bloco--linha p {
  font-size: 0.85rem;
  color: #808080;
  margin: 1rem;
}
.aulas__base .modal-window__bloco--linha button {
  background-color: #89be44;
  color: #fff;
  font-size: 0.75rem;
  border-radius: 5px;
  padding: 0.4rem 0.5rem 0.3rem;
  height: 1.5rem;
  position: absolute;
  right: 0rem;
  top: 1rem;
  width: 5rem;
  text-align: center;
  font-weight: 500;
}
.aulas__base .modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 3rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0.5rem;
  width: 70px;
  color: #89be44;
  text-decoration: none;
  text-decoration: none;
}
.aulas__base .modal-close:hover {
  color: #567927;
}
.aulas__base a {
  color: inherit;
  text-decoration: none;
}
.aulas__base .container {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}
.aulas__base .modal-window > div {
  border-radius: 0 1rem;
}
.aulas__base .modal-window div:not(:last-of-type) {
  margin-bottom: 15px;
}
.aulas__base .logo {
  max-width: 150px;
  display: block;
}
.aulas__base small {
  color: lightgray;
}
.aulas__base .btn {
  background-color: white;
  padding: 1em 1.5em;
  border-radius: 0.5rem;
  text-decoration: none;
}
.aulas__base .btn i {
  padding-right: 0.3em;
}

/****** Style Star Rating Widget *****/
.marketing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
.marketing__tit-pag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  color: #808080;
  font-weight: 700;
}
.marketing__menu {
  width: 30%;
  display: block;
}
.marketing__menu button {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  width: 100%;
  padding: 1rem;
  margin: 0.3rem 0rem 1.7rem;
  text-align: center;
  color: #808080;
  font-size: 1.1rem;
  font-weight: 600;
  height: 4rem;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
@media (max-width: 1199px) {
  .marketing__menu button {
    width: 31.25%;
  }
}
.marketing__menu button:hover {
  background-color: #a3c94b;
  color: white;
}
.marketing__menu-active {
  border: 1px solid #a3c94b;
}
@media (max-width: 1199px) {
  .marketing__menu {
    width: 100%;
    display: block;
    margin-left: 2rem;
  }
}
@media (max-width: 899px) {
  .marketing__menu {
    margin-left: 1rem;
  }
}
@media (max-width: 599px) {
  .marketing__menu {
    display: none;
  }
}
.marketing__menu-mb {
  display: none;
}
@media (max-width: 599px) {
  .marketing__menu-mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 1.5rem;
  }
}
.marketing__menu-mb select {
  background-color: #f6f6f6;
  border: 1px solid #89BE44 !important;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  width: 100%;
  min-width: 97%;
  margin: 0 0.5rem;
}
.marketing__menu-mb span {
  position: relative;
}
.marketing__menu-mb span button {
  position: absolute;
  top: 0rem;
  width: 1.5rem;
  right: 1rem;
  color: #808080;
  font-size: 1.5rem;
}
.marketing__menu-mb .form-group {
  display: table-caption;
}
.marketing__menu-mb .form-group select {
  color: #808080;
  font-size: 0.87rem;
}
.marketing__menu-mb .form-group select span button {
  width: 2rem;
  background-color: #f01;
}
.marketing__conteudo {
  width: 70%;
}
.marketing__conteudo--bloco {
  width: 47%;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  margin: 0.3rem 0rem 1rem 1.5rem;
  border-radius: 0 2rem;
  height: 15rem;
  position: relative;
  text-align: left;
  display: inline-block;
}
.marketing__conteudo--bloco--data {
  color: #808080;
  font-size: 0.75rem;
  font-weight: 300;
  left: 1rem;
  top: 1rem;
  position: absolute;
}
.marketing__conteudo--bloco--infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.marketing__conteudo--bloco--infos--titulo {
  color: #808080;
  font-size: 1.12rem;
  font-weight: 600;
  width: 12rem;
  margin: 3rem 1rem;
}
.marketing__conteudo--bloco--infos--img {
  border: solid 1px hsl(214, 15%, 93%);
  width: 10rem;
  height: 8rem;
  margin: 1rem;
  margin: 3rem 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.marketing__conteudo--bloco--infos--img img {
  width: auto;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5px;
}
.marketing__conteudo--bloco a {
  background-color: #89BE44;
  padding: 0.5rem;
  border-radius: 7px;
  color: #fff;
  font-weight: 400;
  position: absolute;
  bottom: 1.1rem;
  right: 1.2rem;
  width: 6rem;
  text-align: center;
  font-size: 0.75rem;
}
@media (max-width: 1199px) {
  .marketing__conteudo--bloco {
    margin: 1rem 0.5rem;
    width: 48%;
  }
}
@media (max-width: 899px) {
  .marketing__conteudo--bloco {
    width: 47%;
  }
}
@media (max-width: 599px) {
  .marketing__conteudo--bloco {
    width: 98% !important;
    margin: 1rem auto;
  }
}
@media (max-width: 1199px) {
  .marketing__conteudo {
    width: 101%;
  }
}
@media (max-width: 599px) {
  .marketing__conteudo {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .marketing {
    display: block;
  }
}

.capitalized {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0px !important;
}

.mb--2 {
  margin-bottom: -10px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 5px !important;
}

.mb-2 {
  margin-bottom: 10px !important;
}

.mb-3 {
  margin-bottom: 15px !important;
}

.mb-4 {
  margin-bottom: 20px !important;
}

.mb-5 {
  margin-bottom: 25px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 5px !important;
}

.mt-2 {
  margin-top: 10px !important;
}

.mt-3 {
  margin-top: 15px !important;
}

.mt-4 {
  margin-top: 20px !important;
}

.mt-5 {
  margin-top: 25px !important;
}

.mt-10 {
  margin-top: 50px !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 5px !important;
}

.ml-2 {
  margin-left: 10px !important;
}

.ml-3 {
  margin-left: 15px !important;
}

.ml-4 {
  margin-left: 20px !important;
}

.ml-5 {
  margin-left: 25px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 5px !important;
}

.mr-2 {
  margin-right: 10px !important;
}

.mr-3 {
  margin-right: 15px !important;
}

.mr-4 {
  margin-right: 20px !important;
}

.mr-5 {
  margin-right: 25px !important;
}

.mr-11 {
  margin-right: 55px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-1 {
  padding-top: 5px !important;
}

.pt-2 {
  padding-top: 10px !important;
}

.pt-3 {
  padding-top: 15px !important;
}

.pt-4 {
  padding-top: 20px !important;
}

.pt-5 {
  padding-top: 25px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 5px !important;
}

.pb-2 {
  padding-bottom: 10px !important;
}

.pb-3 {
  padding-bottom: 15px !important;
}

.pb-4 {
  padding-bottom: 20px !important;
}

.pb-5 {
  padding-bottom: 25px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 5px !important;
}

.pl-2 {
  padding-left: 10px !important;
}

.pl-3 {
  padding-left: 15px !important;
}

.pl-4 {
  padding-left: 20px !important;
}

.pl-5 {
  padding-left: 25px !important;
}

.p-0 {
  padding: 0px !important;
}

.invisible {
  pointer-events: none;
  opacity: 0%;
}

.noScroll {
  overflow-y: hidden !important;
}