/* Selection */
  ::selection {
    background-color: var(--_colors---color--blue);
    color: white;
  }
  
/* Scrollbar */
  ::-webkit-scrollbar {
	width: 6px;
  }

  ::-webkit-scrollbar-track {
	background: #0C0B0C;
	border-radius: 10rem;
  }

  ::-webkit-scrollbar-thumb {
	background: var(--_colors---color--blue);
	border-radius: 10rem;
  }

  ::-webkit-scrollbar-thumb:hover {
	background: var(--_colors---color--blue); 
  }
  
/* Other */  
  .w-webflow-badge {
  	display: none !important;
  }
  
/* View Items | Group and Single */  
  [view-item="from-center"] {
    transform: scale(0.6);
    opacity: 0;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), 
      			opacity .2s;
    
  }

  [view-item="from-center"].view {
    transform: scale(1);
    opacity: 1;
  }
  
  [view-item="from-down"] {
    transform: scale(0.6) translateY(50%);
    opacity: 0;
    transition: transform 2s cubic-bezier(.19, 1, .22, 1), 
      			opacity .2s;
  }

  [view-item="from-down"].view {
    transform: scale(1) translateY(0%);
    opacity: 1;
  }


  html { font-size: 1rem; }

	@media screen and (min-width: 240px) {
    html { font-size: 1vw; }
  }
  
	@media screen and (min-width: 1920px) {
    html { font-size: 0.8vw; }
    .container {
    	width: 100rem;
    }
  }
  @media screen and (min-width: 1920px) and (min-aspect-ratio: 21/9) {
    html { font-size: calc(1920px / 100); }
}

/* Magic Button Hover */
	.magic-button {
  	transition: box-shadow 0.2s linear, padding 0.8s cubic-bezier(.19, 1, .22, 1);
  }
  
  .magic-button-stroke {
  	transition: box-shadow 0.2s linear;
  }

  .magic-button-text {
		transition: padding 0.8s cubic-bezier(.19, 1, .22, 1);
  }

  .btn-stroke-hover {
  	opacity: 0;
  	transition: opacity 0.2s linear;
  }

	.magic-button:hover .magic-button-stroke {
    box-shadow: 0 -0.1rem 0.2rem 0 var(--_colors---color--blue), 0 -0.1rem 0.4rem 0 var(--_colors---color--sky-blue);
  }

	.magic-button:hover .btn-stroke-hover {
		opacity: 1;
  }

  .magic-button:hover .magic-button-text {
  	padding: var(--_sizes---magic-button--hover-padding-x) var(--_sizes---magic-button--hover-padding-y);
  	box-shadow: 0 0.2rem 0.4rem 0 rgba(255, 255, 255, 0.25) inset;
  }
  
	.magic-button:hover {
  	padding: 0.2rem;
  }  
  
/* Benefits Card Hover */ 
	.benefits-hover-bg {
  	transition: opacity 0.2s linear;
  }

	.benefits-card-illustration.s2 {
  	opacity: 0;
    transition: opacity 0.2s linear;
  }

	.benefits-card:hover .benefits-hover-bg {
  	opacity: 1;
  }
  
	.benefits-card:hover .benefits-card-illustration.s2 {
  	opacity: 1;
  }
  
  .preloader-particles {
    -webkit-mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/6880bd415b08077888d82f2d_preloader-particles-mask.png');
    mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/6880bd415b08077888d82f2d_preloader-particles-mask.png');

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .features-card-particles {
    -webkit-mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/687f5862995a3bc105a34931_a6f46de890ea20ec94bddce175b525eb_features-phone-particles-mask.png');
    mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/687f5862995a3bc105a34931_a6f46de890ea20ec94bddce175b525eb_features-phone-particles-mask.png');

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .hero-grid-embed {
    -webkit-mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/6870cf654ad6635d10ec4ae3_50bcc11e0e678f5162e826cb739238b7_grid-mask.png');
    mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/6870cf654ad6635d10ec4ae3_50bcc11e0e678f5162e826cb739238b7_grid-mask.png');

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .globe-particles {
    -webkit-mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/68778e09e3285fd988806660_globe-mask.png');
    mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/68778e09e3285fd988806660_globe-mask.png');

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: contain;
    mask-size: contain;
  }

/* Levitation */
  [data-levitation="1"] {
      animation: levitateFirst 6s ease-in-out infinite;
  }

  @keyframes levitateFirst {
      0% {
          transform: translateY(0);
      }
      50% {
          transform: translateY(-0.4rem);
      }
      100% {
          transform: translateY(0);
      }
  }

  [data-levitation="2"] {
      animation: levitateSecond 5s ease-in-out infinite;
  }

  @keyframes levitateSecond {
      0% {
          transform: translateY(0);
      }
      50% {
          transform: translateY(0.4rem);
      }
      100% {
          transform: translateY(0);
      }
  }
  @media (max-width: 479px) {
    [data-levitation="1"] {
        animation: levitateFirst 6s ease-in-out infinite;
    }

    @keyframes levitateFirst {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-0.8rem);
        }
        100% {
            transform: translateY(0);
        }
    }

    [data-levitation="2"] {
        animation: levitateSecond 5s ease-in-out infinite;
    }

    @keyframes levitateSecond {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(0.8rem);
        }
        100% {
            transform: translateY(0);
        }
    }
  }


	[lottie-display] {
  	display: none-;
  }


  .hero-particles {
    -webkit-mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/685cf939e6469861b8c49094_hero-particles-mask.png');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;

    mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/685cf939e6469861b8c49094_hero-particles-mask.png');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }


  #tunnel {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
  }


  .wallet-particles {
    -webkit-mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/686fd2f653a900b851c4f34d_daed72f8b72aa91e4978f37365677b8a_wallet-mask.png');
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;

    mask-image: url('/_ext/cdn.prod.website-files.com/6839e8275790458e9418cf16/686fd2f653a900b851c4f34d_daed72f8b72aa91e4978f37365677b8a_wallet-mask.png');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
  }


  [wallet-item] {
    opacity: 0;
    transform: translateY(2rem);
    transition: transform 0.8s ease, opacity 0.4s ease;
  }

  [wallet-item].view {
    opacity: 1;
    transform: translateY(0rem);
  }