.turbo-progress-bar {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    height: 3px;
    background: #0076ff;
    z-index: 9999;
    transition:
      width 300ms ease-out,
      opacity 150ms 150ms ease-in;
    transform: translate3d(0, 0, 0);
  }
  </style><style id="st_globalStyles">
  /* MEDIA QUERIES */
  .anima-desktop-only {
    @media (max-width: 768px) {
      display: none !important;
    }
  }
  
  /* SCROLLBAR */
  
  [dark-scroll]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  
  [dark-scroll]::-webkit-scrollbar-track-piece {
    background-color: #2b2b2b;
    border: 1px solid #1d1d1d;
  }
  
  [dark-scroll]::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: #4d4d4d;
  }
  [dark-scroll]::-webkit-scrollbar-thumb:hover {
    background-color: #5a5a5a;
  }
  
  /* LOAD PROGRESS */
  
  .turbolinks-progress-bar {
    height: 3px;
    background-color: #ff6250;
  }
  
  /* GROUPING */
  
  [data-id].ui-selecting {
    box-shadow: inset 0 0 0 1px #4285f4 !important;
  }
  [data-id].ui-selected {
    box-shadow: inset 0 0 0 1px #4285f4 !important;
  }
  
  /* CURSOR */
  
  body[mode='comments'] * {
    cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjkxNjQ4IDIzLjQxMDlDNS40OTE1MyAyMi45ODg3IDUuOTMxNzkgMjIuMzkzNSA2LjIzMjggMjEuNjQwN0M0Ljc5MDY5IDE5LjczODMgNCAxNy4zOTMzIDQgMTQuOTk3NUM0IDguOTM0MSA4LjkzMjgyIDQgMTUuMDAyMiA0QzIxLjA3MTcgNCAyNiA4LjkzOTE5IDI2IDE1LjAwMjVDMjYgMjEuMDY1OSAyMS4wNjcyIDI2IDE0Ljk5NzggMjZDMTIuOTg5NiAyNiAxMS4wMzUzIDI1LjQ1NTcgOS4zMjM2NyAyNC40MjMxQzguNDI5NjUgMjQuOTU3MiA3LjQxNDM0IDI1LjIyNjggNi4zMDAxOCAyNS4yMjY4QzUuOTU0MjYgMjUuMjI2OCA1LjU5OTM1IDI1LjIwMTQgNS4yNTM0MiAyNS4xNDU0QzQuOTAzIDI1LjA4OTUgNC42Mjg5NiAyNC44MDQ2IDQuNTUyNTggMjQuNDE4QzQuNDc2MjEgMjQuMDI2NCA0LjYxOTk3IDIzLjYyOTYgNC45MTY0OCAyMy40MTA5WiIgZmlsbD0iI0ZGNjI1MCIvPgo8L3N2Zz4K')
        0 24,
      auto !important;
  }
  
  body[mode='code'] [data-id]:not(.hidden) {
    cursor: default;
  }
  
  /* default node state */
  
  body[mode='code'] [data-id]:not(.hidden), body[mode='comments'] [data-id]:not(.hidden) {
    pointer-events: all;
  }
  
  /* is_image */
  
  body[mode='code'] [data-id].is_image [data-id], body[mode='comments'] [data-id].is_image [data-id] {
    pointer-events: none !important;
  }
  
  /* without a data-id or ignored */
  
  [data-id].ignore,body[mode='code'] *:not([data-id]) {
    pointer-events: none !important;
  }
  /* disable transforms for ignored elements */
  
  
  body[mode='code'] [data-id]:hover{
    transform: none !important;
  }
  
  /* ANIMA BUTTONS */
  .an-button {
    position: relative;
    height: 28px;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    white-space: nowrap;
    transition-property: all;
    transition-duration: 100ms;
    appearance: none;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
    border-width: 0;
  }
  
  .an-button > div {
    width: 100%;
  }
  
  .an-button.primary {
    background: #ff6250;
    color: #ffffff;
  }
  
  .an-button.primary:hover:not(:disabled) {
    background: #e2412e;
  }
  
  .an-button.secondary {
    background: transparent;
    border: 1px solid #ff6250;
    color: #ff6250;
  }
  
  .an-button.secondary:hover:not(:disabled) {
    color: #ffffff;
    background: #ff6250;
  }
  
  .an-button.rounded {
    border-radius: 100px;
  }
  
  .an-button:disabled {
    opacity: 0.5;
  }
  
  .an-button:disabled {
    cursor: default;
  }
  
  .an-button:active,
  .an-button:focus {
    outline: none;
  }
  
  </style><meta charset="utf-8"/><meta content="width=1440, maximum-scale=1.0" name="viewport"/><link href="https://animaproject.s3.amazonaws.com/home/favicon.png" rel="shortcut icon" type="image/png"/><meta content="website" name="og:type"/><meta content="photo" name="twitter:card"/><script id="anima-load-script" src="load.js"></script><script id="anima-hotspots-script" src="hotspots.js"></script><style id="hotspots-styles">
      .hotspot {
        position: absolute;
        border: 1px solid #2a9fd8;
        background: rgba(0, 173, 255, 0.54);
        opacity: 0;
        z-index: -1;
        pointer-events:none;
      }
    </style><script id="s_turbo" src="js/turbo.es2017-umd.js"></script><script id="anima-overrides-script" src="overrides.js"></script><script src="js/timeline.js"></script><style>
  @import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
  
  @import url("https://fonts.googleapis.com/css?family=Inter:500,700,600|Noto+Sans:500,700|Roboto:600");
  
  /* The following line is used to measure usage of this code. You can remove it if you want. */
  @import url("https://px.animaapp.com/67bc128a72b5861389f5eeab.67bc128a72b5861389f5eeae.0Qdkjf2.hch.png");
  
  
  .screen textarea:focus,
  .screen input:focus {
    outline: none;
  }
  
  .screen * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
  }
  
  .screen div {
    -webkit-text-size-adjust: none;
  }
  
  .component-wrapper a {
    display: contents;
    pointer-events: auto;
    text-decoration: none;
  }
  
  .component-wrapper * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    pointer-events: none;
  }
  
  .component-wrapper a *,
  .component-wrapper input,
  .component-wrapper video,
  .component-wrapper iframe {
    pointer-events: auto;
  }
  
  .component-wrapper.not-ready,
  .component-wrapper.not-ready * {
    visibility: hidden !important;
  }
  
  .screen a {
    display: contents;
    text-decoration: none;
  }
  
  .full-width-a {
    width: 100%;
  }
  
  .full-height-a {
    height: 100%;
  }
  
  .container-center-vertical {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    pointer-events: none;
  }
  
  .container-center-vertical > * {
    flex-shrink: 0;
    pointer-events: auto;
  }
  
  .container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
  }
  @media (max-width: 1000px) {
    .container-center-horizontal {
      margin-left: 200px;
    }
  }
  .container-center-horizontal > * {
    flex-shrink: 0;
    pointer-events: auto;
  }
  
  .auto-animated div {
    --z-index: -1;
    opacity: 0;
    position: absolute;
  }
  
  .auto-animated input {
    --z-index: -1;
    opacity: 0;
    position: absolute;
  }
  
  .auto-animated .container-center-vertical,
  .auto-animated .container-center-horizontal {
    opacity: 1;
  }
  
  .overlay-base {
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
  
  .overlay-base.animate-appear {
    align-items: center;
    animation: reveal 0.3s ease-in-out 1 normal forwards;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
  }
  
  .overlay-base.animate-disappear {
    animation: reveal 0.3s ease-in-out 1 reverse forwards;
    display: block;
    opacity: 1;
    pointer-events: none;
  }
  
  .overlay-base.animate-disappear * {
    pointer-events: none;
  }
  
  @keyframes reveal {
    from { opacity: 0 }
   to { opacity: 1 }
  }
  
  .animate-nodelay {
    animation-delay: 0s;
  }
  
  .align-self-flex-start {
    align-self: flex-start;
  }
  
  .align-self-flex-end {
    align-self: flex-end;
  }
  
  .align-self-flex-center {
    align-self: flex-center;
  }
  
  .valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  
  input:focus {
    outline: none;
  }
  
  .listeners-active,
  .listeners-active * {
    pointer-events: auto;
  }
  
  .hidden,
  .hidden * {
    pointer-events: none;
    visibility: hidden;
  }
  
  .smart-layers-pointers,
  .smart-layers-pointers * {
    pointer-events: auto;
    visibility: visible;
  }
  
  .listeners-active-click,
  .listeners-active-click * {
    cursor: pointer;
  }
  
  * {
    box-sizing: border-box;
  }
  :root { 
    --black: #000000;
    --persian-green: #00ac97;
    --white: #ffffff;
   
    --font-size-l: 20px;
    --font-size-m: 18px;
    --font-size-xl: 22px;
    --font-size-xxl: 24px;
    --font-size-xxxl: 26px;
    --font-size-xxxxl: 28px;
    --font-size-xxxxxl: 34px;
   
    --font-family-inter: "Inter", Helvetica;
    --font-family-noto_sans: "Noto Sans", Helvetica;
    --font-family-roboto: "Roboto", Helvetica;
  }
  .inter-medium-black-20px {
    color: var(--black);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
  }
  
  .inter-semi-bold-black-26px {
    color: var(--black);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
  }
  
  .notosans-medium-black-18px {
    color: var(--black);
    font-family: var(--font-family-noto_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
  }
  
  .notosans-bold-black-50px {
    color: var(--black);
    font-family: var(--font-family-noto_sans);
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
  }
  
  .notosans-bold-black-22px {
    color: var(--black);
    font-family: var(--font-family-noto_sans);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
  }
  
  .inter-semi-bold-white-28px {
    color: var(--white);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 600;
  }
  
  .roboto-semi-bold-black-60px {
    color: var(--black);
    font-family: var(--font-family-roboto);
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
  }
  
  .inter-bold-persian-green-20px {
    color: var(--persian-green);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
  }
  
  .inter-semi-bold-white-22px {
    color: var(--white);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 600;
  }
  
  .inter-bold-white-34px {
    color: var(--white);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxxxxl);
    font-style: normal;
    font-weight: 700;
  }
  
  :root {
  }
  
  
  /* screen - top */
  
  .top {
    background-color: var(--white);
    height: 6117px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 1440px;
  }
  
  .top .rectangle-31-MqrxfF {
    background-color: var(--persian-green);
    height: 750px;
    left: 0px;
    position: absolute;
    top: 750px;
    width: 1440px;
  }
  
  .top .rectangle-42-MqrxfF {
    background-color: var(--white);
    height: 68px;
    left: 670px;
    position: absolute;
    top: 859px;
    width: 338px;
  }
  
  .top .rectangle-33-MqrxfF {
    background-color: transparent;
    height: 2605px;
    left: 0px;
    position: absolute;
    top: 2660px;
    width: 1440px;
  }
  
  .top .rectangle-38-MqrxfF {
    background-color: #f6f6f6;
    height: 672px;
    left: 0px;
    position: absolute;
    top: 5265px;
    width: 1440px;
  }
  
  .top .x1-MqrxfF {
    height: 370px;
    left: 36px;
    top: 5691px;
    width: 321px;
  }
  
  .top .x1-cBdobX {
    height: 330px;
    left: 1022px;
    top: 5677px;
    width: 384px;
  }
  
  .top .rectangle-34-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #000000;
    height: 476px;
    left: 158px;
    position: absolute;
    top: 2886px;
    width: 1127px;
  }
  
  .top .rectangle-67-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #000000;
    height: 552px;
    left: 158px;
    position: absolute;
    top: 3958px;
    width: 1127px;
  }
  
  .top .rectangle-64-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #000000;
    height: 476px;
    left: 158px;
    position: absolute;
    top: 3422px;
    width: 1127px;
  }
  
  .top .rectangle-70-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #000000;
    height: 555px;
    left: 158px;
    position: absolute;
    top: 4570px;
    width: 1127px;
  }
  
  .top .text_label-MqrxfF {
    color: var(--black);
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxxxxl);
    font-style: normal;
    font-weight: 700;
    height: 41px;
    left: 912px;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
    top: 872px;
  }
  
  .top .logo-MqrxfF {
    height: 39px;
    left: 695px;
    top: 875px;
    width: 205px;
  }
  
  .top .become-become-MqrxfF {
    top: 3076px;
  }
  
  .top .rectangle-32-MqrxfF {
    background-color: #f6f6f6;
    height: 1160px;
    left: 0px;
    position: absolute;
    top: 1500px;
    width: 1440px;
  }
  
  .top .become-become-cBdobX {
    top: 4148px;
  }
  
  .top .become2-MqrxfF {
    background-color: transparent;
    height: auto;
    left: 217px;
    letter-spacing: 0.00px;
    line-height: 38px;
    position: absolute;
    text-align: left;
    top: 3612px;
    width: auto;
  }
  
  .top .become-join-MqrxfF {
    background-color: transparent;
    height: 400px;
    left: 670px;
    letter-spacing: 0.00px;
    line-height: 50px;
    position: absolute;
    text-align: left;
    top: 959px;
    width: auto;
  }
  
  .top .become-become-XtsxrU {
    top: 4760px;
  }
  
  .top .text_label-cBdobX {
    color: #040000;
    font-family: var(--font-family-inter);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 600;
    height: 275px;
    left: 382px;
    letter-spacing: 0.00px;
    line-height: 55px;
    text-align: center;
    top: 5447px;
  }
  
  .top .flex-container-189-MqrxfF {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 156px;
    left: 152px;
    position: absolute;
    top: 261px;
    width: 380px;
  }
  
  .top .text0-189-DrJq3P {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 5.00px;
    line-height: normal;
    position: relative;
    text-align: left;
  }
  
  .top .span0-s9YIbB {
    letter-spacing: 2.50px;
  }
  
  .top .text1-189-DrJq3P {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 5.00px;
    line-height: normal;
    position: relative;
    text-align: left;
  }
  
  .top .span1-U62ceH {
    letter-spacing: 2.50px;
  }
  
  .top .text_label-XtsxrU {
    color: var(--black);
    font-family: var(--font-family-noto_sans);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
    height: 30px;
    left: 442px;
    letter-spacing: 6.60px;
    line-height: normal;
    text-align: left;
    top: 369px;
  }
  
  .top .flex-container-501197-MqrxfF {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 102px;
    left: 157px;
    position: absolute;
    top: 461px;
    width: 234px;
  }
  
  .top .text0-501197-O5AHKE {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 2.00px;
    line-height: normal;
    position: relative;
    text-align: left;
  }
  
  .top .span0-iLGMai {
    letter-spacing: 0.40px;
  }
  
  .top .text1-501197-O5AHKE {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 2.00px;
    line-height: normal;
    position: relative;
    text-align: left;
  }
  
  .top .span1-OqcX0S {
    letter-spacing: 0.40px;
  }
  
  .top .text2-501197-O5AHKE {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 2.00px;
    line-height: normal;
    position: relative;
    text-align: left;
  }
  
  .top .span2-gNCWQX {
    letter-spacing: 0.40px;
  }
  
  .top .ellipse-3-MqrxfF {
    background-color: var(--black);
    border-radius: 109px;
    height: 218px;
    left: 1160px;
    position: absolute;
    top: 700px;
    width: 218px;
  }
  
  .top .flex-container-501205-MqrxfF {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 85px;
    left: 1208px;
    position: absolute;
    top: 795px;
    width: 120px;
  }
  
  .top .text0-501205-rJBbpb {
    align-self: stretch;
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-inter);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 4.00px;
    line-height: normal;
    position: relative;
    text-align: center;
  }
  
  .top .span0-Vt1uGu {
    color: var(--white);
    font-style: normal;
    letter-spacing: 1.60px;
  }
  
  .top .text1-501205-rJBbpb {
    align-self: stretch;
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-inter);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 4.00px;
    line-height: normal;
    position: relative;
    text-align: center;
  }
  
  .top .span1-UE9d99 {
    color: var(--white);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    letter-spacing: 0.78px;
  }
  
  .top .become-MqrxfF {
    background-color: transparent;
    height: 30px;
    left: 565px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 67px;
    width: auto;
  }
  
  .top .text_label-lu58Y3 {
    height: 30px;
    left: 804px;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
    top: 67px;
  }
  
  .top .text_label-pC1oG3 {
    height: 30px;
    left: 1031px;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
    top: 67px;
  }
  
  .top .text_label-7BsTKc {
    height: 30px;
    left: 1214px;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
    top: 67px;
  }
  
  .top .layer_-MqrxfF {
    background-color: transparent;
    height: 458px;
    left: 719px;
    position: absolute;
    top: 179px;
    width: 527px;
  }
  
  .top .rectangle-17-MqrxfF {
    background-color: var(--persian-green);
    height: 10px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1440px;
  }
  
  .top .ellipse-2-MqrxfF {
    background-color: var(--white);
    border-radius: 218px;
    height: 436px;
    left: 164px;
    position: absolute;
    top: 904px;
    width: 436px;
  }
  
  .top .x1-XtsxrU {
    height: 427px;
    left: 141px;
    top: 894px;
    width: 458px;
  }
  
  .top .logo-cBdobX {
    height: 51px;
    left: 79px;
    top: 68px;
    width: 269px;
  }
  
  .top .group-1-MqrxfF {
    background-color: transparent;
    height: 68px;
    left: 400px;
    position: absolute;
    top: 1599px;
    width: 641px;
  }
  
  .top .rectangle-43-nOU6Fw {
    left: 0px;
    top: 0px;
    width: 639px;
  }
  
  .top .text_label-nOU6Fw {
    height: 41px;
    left: 276px;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
    top: 12px;
  }
  
  .top .logo-nOU6Fw {
    height: 39px;
    left: 59px;
    top: 14px;
    width: 205px;
  }
  
  .top .hand-cursor-MqrxfF {
    background-color: transparent;
    height: 68px;
    left: 1234px;
    position: absolute;
    top: 727px;
    width: 68px;
  }
  
  .top .rectangle-44-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #00ac97;
    height: 350px;
    left: 140px;
    position: absolute;
    top: 1747px;
    width: 350px;
  }
  
  .top .rectangle-45-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #00ac97;
    height: 350px;
    left: 540px;
    position: absolute;
    top: 2147px;
    width: 350px;
  }
  
  .top .rectangle-46-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #00ac97;
    height: 350px;
    left: 940px;
    position: absolute;
    top: 2147px;
    width: 350px;
  }
  
  .top .rectangle-47-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #00ac97;
    height: 350px;
    left: 140px;
    position: absolute;
    top: 2147px;
    width: 350px;
  }
  
  .top .x1-lu58Y3 {
    height: 169px;
    left: 239px;
    top: 2282px;
    width: 151px;
  }
  
  .top .rectangle-48-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #00ac97;
    height: 350px;
    left: 940px;
    position: absolute;
    top: 1749px;
    width: 350px;
  }
  
  .top .x1-pC1oG3 {
    height: 173px;
    left: 1037px;
    top: 1880px;
    width: 168px;
  }
  
  .top .x1-7BsTKc {
    height: 180px;
    left: 1017px;
    top: 2283px;
    width: 197px;
  }
  
  .top .x1-1T2c3B {
    height: 151px;
    left: 616px;
    top: 2293px;
    width: 197px;
  }
  
  .top .text_label-1T2c3B {
    height: 80px;
    left: 572px;
    letter-spacing: 0.00px;
    line-height: 40px;
    text-align: center;
    top: 2176px;
  }
  
  .top .text_label-zzF7vi {
    height: 80px;
    left: 238px;
    letter-spacing: 0.00px;
    line-height: 40px;
    text-align: center;
    top: 1776px;
  }
  
  .top .image-MqrxfF {
    background-color: transparent;
    height: 177px;
    left: 231px;
    mix-blend-mode: normal;
    position: absolute;
    top: 1889px;
    width: 168px;
  }
  
  .top .text_label-BescUO {
    height: 80px;
    left: 995px;
    letter-spacing: 0.00px;
    line-height: 40px;
    text-align: center;
    top: 2176px;
  }
  
  .top .text_label-QPwqEt {
    height: 80px;
    left: 172px;
    letter-spacing: 0.00px;
    line-height: 40px;
    text-align: center;
    top: 2176px;
  }
  
  .top .group-3-MqrxfF {
    background-color: transparent;
    height: 68px;
    left: 419px;
    position: absolute;
    top: 5337px;
    width: 603px;
  }
  
  .top .rectangle-43-69DRvB {
    left: 0px;
    top: 0px;
    width: 601px;
  }
  
  .top .text_label-69DRvB {
    height: 41px;
    left: 277px;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: center;
    top: 13px;
  }
  
  .top .logo-69DRvB {
    height: 39px;
    left: 59px;
    top: 14px;
    width: 205px;
  }
  
  .top .text_label-up981K {
    height: 80px;
    left: 970px;
    letter-spacing: 0.00px;
    line-height: 40px;
    text-align: center;
    top: 1778px;
  }
  
  .top .rectangle-43-MqrxfF {
    left: 400px;
    top: 2740px;
    width: 639px;
  }
  
  .top .join-MqrxfF {
    background-color: transparent;
    height: 41px;
    left: 671px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 2753px;
    width: auto;
  }
  
  .top .logo-XtsxrU {
    height: 39px;
    left: 453px;
    top: 2754px;
    width: 205px;
  }
  
  .top .group-4-MqrxfF {
    background-color: transparent;
    height: 70px;
    left: 520px;
    position: absolute;
    top: 5771px;
    width: 402px;
  }
  
  .top .rectangle-40-ALKLO1 {
    background-color: var(--persian-green);
    border-radius: 50px;
    height: 70px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 400px;
  }
  
  .top .linejoin-ALKLO1 {
    background-color: transparent;
    color: var(--white);
    font-family: var(--font-family-inter);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    height: 40px;
    left: 114px;
    letter-spacing: 3.60px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 15px;
    white-space: nowrap;
    width: auto;
  }
  
  .top .speech-bubble-ALKLO1 {
    background-color: transparent;
    height: 56px;
    left: 49px;
    position: absolute;
    top: 7px;
    width: 56px;
  }
  
  .top .rectangle-39-MqrxfF {
    background-color: var(--black);
    height: 180px;
    left: 0px;
    position: absolute;
    top: 5937px;
    width: 1440px;
  }
  
  .top .text_label-feSwxp {
    height: 50px;
    left: 1022px;
    letter-spacing: 0.00px;
    line-height: 50px;
    text-align: right;
    top: 6001px;
    white-space: nowrap;
  }
  
  .top .text_label-HvBgYx {
    height: 50px;
    left: 1280px;
    letter-spacing: 0.00px;
    line-height: 50px;
    text-align: right;
    top: 6002px;
    white-space: nowrap;
  }
  
  .top .rectangle-50-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 2944px;
    width: 481px;
  }
  
  .top .rectangle-51-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 2997px;
    width: 343px;
  }
  
  .top .text_label-uQHPox {
    height: auto;
    left: 336px;
    letter-spacing: 0.00px;
    line-height: 53px;
    text-align: left;
    top: 2939px;
  }
  
  .top .x01-MqrxfF {
    background-color: transparent;
    height: 70px;
    left: 217px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 2973px;
    white-space: nowrap;
    width: 70px;
  }
  
  .top .merit-MqrxfF {
    top: 2949px;
  }
  
  .top .logo-lu58Y3 {
    height: 48px;
    left: 82px;
    top: 6003px;
    width: 250px;
  }
  
  .top .rectangle-49-MqrxfF {
    background-color: var(--white);
    box-shadow: 10px 10px 0px #00ac97;
    height: 350px;
    left: 540px;
    position: absolute;
    top: 1749px;
    width: 350px;
  }
  
  .top .rectangle-68-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 4016px;
    width: 289px;
  }
  
  .top .rectangle-69-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 4069px;
    width: 252px;
  }
  
  .top .x1on1-MqrxfF {
    background-color: transparent;
    height: auto;
    left: 336px;
    letter-spacing: 0.00px;
    line-height: 53px;
    position: absolute;
    text-align: left;
    top: 4011px;
    width: auto;
  }
  
  .top .x03-MqrxfF {
    background-color: transparent;
    height: 70px;
    left: 217px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 4045px;
    white-space: nowrap;
    width: 70px;
  }
  
  .top .merit-cBdobX {
    top: 4021px;
  }
  
  .top .x1-zzF7vi {
    height: 300px;
    left: 853px;
    top: 2993px;
    width: 380px;
  }
  
  .top .rectangle-65-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 3480px;
    width: 501px;
  }
  
  .top .rectangle-66-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 3533px;
    width: 301px;
  }
  
  .top .text_label-fvaxMN {
    height: auto;
    left: 336px;
    letter-spacing: 0.00px;
    line-height: 53px;
    text-align: left;
    top: 3475px;
  }
  
  .top .x02-MqrxfF {
    background-color: transparent;
    height: 70px;
    left: 217px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 3509px;
    white-space: nowrap;
    width: 70px;
  }
  
  .top .merit-XtsxrU {
    top: 3485px;
  }
  
  .top .text_label-86uBWq {
    height: 80px;
    left: 611px;
    letter-spacing: 0.00px;
    line-height: 40px;
    text-align: center;
    top: 1778px;
  }
  
  .top .group-5-MqrxfF {
    background-color: transparent;
    height: 158px;
    left: 628px;
    position: absolute;
    top: 1893px;
    width: 175px;
  }
  
  .top .rectangle-71-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 4628px;
    width: 561px;
  }
  
  .top .rectangle-72-MqrxfF {
    background-color: var(--persian-green);
    height: 43px;
    left: 324px;
    position: absolute;
    top: 4681px;
    width: 338px;
  }
  
  .top .text_label-Kwxx6V {
    height: auto;
    left: 336px;
    letter-spacing: 0.00px;
    line-height: 53px;
    text-align: left;
    top: 4623px;
  }
  
  .top .x04-MqrxfF {
    background-color: transparent;
    height: 70px;
    left: 217px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 4657px;
    white-space: nowrap;
    width: 70px;
  }
  
  .top .merit-lu58Y3 {
    top: 4633px;
  }
  
  .top .x1-BescUO {
    height: 350px;
    left: 865px;
    top: 4091px;
    width: 340px;
  }

  .top .x1-BescUF {
    left: 865px;
    top: 3550px;
    width: 340px;
  }
  .top .x1-QPwqEt {
    height: 354px;
    left: 893px;
    top: 4699px;
    width: 340px;
  }
  
  .top .become-become {
    background-color: transparent;
    height: auto;
    left: 217px;
    letter-spacing: 0.00px;
    line-height: 38px;
    position: absolute;
    text-align: left;
    width: auto;
  }
  
  .top .logo {
    background-color: transparent;
    position: absolute;
  }
  
  .top .merit {
    background-color: transparent;
    height: 24px;
    left: 217px;
    letter-spacing: 1.80px;
    line-height: normal;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: auto;
  }
  
  .top .rectangle-43 {
    background-color: var(--black);
    height: 68px;
    position: absolute;
  }
  
  .top .text_label {
    background-color: transparent;
    position: absolute;
    width: auto;
  }
  
  .top .x1 {
    background-color: transparent;
    position: absolute;
  }
  </style><script crossorigin="anonymous" id="anime-js-script" integrity="sha256-98Q574VkbV+PkxXCKSgL6jVq9mrVbS7uCdA+vt0sLS8=" src="js/anime.min.js"></script><script id="imgloaded-js-script" src="js/imagesloaded.pkgd.min.js"></script><style id="action-links-styles">
  @import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');
  
  #anima-interface{
    transition: all 0.5s ease-in-out;
  }
  
  #anima-watermark {
    transition: all 0.5s ease-in-out;
    display: none;
  }
  #anima-watermark-link{
    position: fixed;
    bottom:20px;
    height:30px;
    border-radius: 1000px;
    background: #3B3B3B;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    user-select:none;
    transition: width 0.25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    text-decoration:none;
    color:#fff;
    padding:8px 16px 8px 11px;
    font-family:Mulish, sans-serif;
    font-size:12px;
  }
  #anima-watermark-link .text {
    margin-left: 6px;
  }
  
  .omniview-anima-action-links .link{
    height: 30px;
    width: 30px;
    border-radius: 1000px;
    background: #3B3B3B;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    user-select:none;
    transition: width 0.25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    text-decoration:none;
    color:#fff;
  }
  .omniview-anima-action-links #comment-link .text,.omniview-anima-action-links #code-link .text{
    display:none;
    font-size:12px;
    margin-right:5px;
  }
  .omniview-anima-action-links #comment-link:hover,.omniview-anima-action-links #code-link:hover{
    width:105px;
  }
  .omniview-anima-action-links #comment-link.pop-active,.omniview-anima-action-links #code-link.pop-active{
    width:105px;
    background: #FF6250;
  }
  .omniview-anima-action-links #comment-link.pop-active .text,.omniview-anima-action-links #code-link.pop-active .text{
    display:block
  }
  .omniview-anima-action-links #comment-link:hover .text,.omniview-anima-action-links #code-link:hover .text{
    display:block;
  }
  
  .link.navigation{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    width:auto;
    height:32px;
    color:#fff;
    font-size:12px;
    cursor:default;
    padding:0 5px;
  }
  .link.navigation .icon{
    margin:0 6px;
    fill:none;
    stroke:currentColor;
    cursor:pointer;
  }
  .link.navigation .icon.disabled{
    opacity:0.5;
    cursor:default;
  }
  
  
  .link.navigation .home-icon{
    margin-left:6px;
    fill:currentColor;
    stroke:currentColor;
    cursor:pointer;
  }
  
  .omniview-anima-action-links .restart{
    height: 30px;
    padding:0 12px;
    background: #3B3B3B;
    border-radius: 1000px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#f1f1f1;
    font-size: 12px;
  }
  
  .omniview-anima-action-links{
    display:flex;
    align-items:center;
    position:fixed;
    bottom:20px;
    right:20px;
    font-family:Mulish, sans-serif;
    transition: all 0.5s ease-in-out;
    opacity:1;
  }
  
  .omniview-anima-action-links > * + *{
     margin-right: 0;
     margin-left: 10px;
  }
  
  .idle{
    opacity:0;
    pointer-events:none;
  }
  
  #popoverOpener {
    position: absolute;
    left: 50%;
    margin-left: -10vw;
    text-align: center;
    top: 45vh;
    width: 20vw;
  }
  
  
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    font-family: "sans-serif";
    font-size: 14px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
  }
  
  .popover.top {
    margin-top: -12px
  }
  
  .popover.right {
    margin-left: 10px
  }
  
  .popover.bottom {
    margin-top: 10px
  }
  
  .popover.left {
    margin-left: -10px
  }
  
  .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
  }
  
  .popover-content {
    height: 100%;
    width: 100%;
    display:flex;
    overflow:hidden;
    font-family:Mulish, sans-serif;
  }
  
  
  
  .popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
  }
  
  .popover>.arrow {
    border-width: 11px
  }
  
  .popover>.arrow:after {
    content: "";
    border-width: 10px
  }
  
  .popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0
  }
  
  .popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
  }
  
  .popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0
  }
  
  .popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
  }
  
  .popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25)
  }
  
  .popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
  }
  
  .popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
  }
  
  .popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
  }
  
  
  
  #anima-comment-popover,#anima-code-popover{
    background:#333333;
    color:#fff;
  }
  
  #anima-comment-popover.top>.arrow,#anima-comment-popover.top>.arrow:after,#anima-code-popover.top>.arrow:after,#anima-code-popover.top>.arrow {
    border-top-color:#333;
  }
  
  #anima-comment-popover .btn,#anima-code-popover .btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 20px;
    background: #FF6250;
    color:#fff;
    border-radius: 100px;
    width: max-content;
    text-decoration:none;
  }
  
  @media screen and (max-width: 550px) {
    #anima-watermark-link {
      padding: 6px !important;
    }
    #anima-watermark-link .text {
      display: none !important;
    }
  }