@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #1a1a21;
--neutral-1: #22222a;
--neutral-2: #2c2c35;
--neutral-3: #32323b;
--neutral-4: #393947;
--neutral-5: #40404f;
--neutral-6: #49495b;
--neutral-7: #484C5A;
--neutral-8: #5E6377;
--neutral-9: #6A7085;
--neutral-10: #767C92;
--neutral-11: #AEB3C7;
--neutral-12: #EDEEF2;
--neutral-overlay-dark: #16171db3;
--neutral-overlay-deep: #bec0cb0d;
--neutral-overlay-mid: #656a8640;
--neutral-overlay-light: #edeef375;
--brand-0: #252850;
--brand-1: #191B2A;
--brand-2: #1A1D31;
--brand-3: #23265A;
--brand-4: #2A297A;
--brand-5: #31318A;
--brand-6: #393B97;
--brand-7: #4346AC;
--brand-8: #5052CB;
--brand-9: #5145F2;
--brand-10: #4632E1;
--brand-11: #A0ADFF;
--brand-12: #D8E0FF;
--brand-overlay-dark: #1A1B2A;
--brand-overlay-light: #d1d6ff80;
--success-0: #162d24;
--success-1: #171F1B;
--success-2: #1A241F;
--success-3: #183428;
--success-4: #14422F;
--success-5: #174E38;
--success-6: #1D5B42;
--success-7: #236B4E;
--success-8: #277E5B;
--success-9: #12B57F;
--success-10: #00A974;
--success-11: #47D49C;
--success-12: #AAF2CF;
--success-overlay-dark: #13201b82;
--success-overlay-light: #9cfcde80;
--warning-0: #202518;
--warning-1: #1e1c19;
--warning-2: #26211B;
--warning-3: #30281e;
--warning-4: #342c1f;
--warning-5: #40331f;
--warning-6: #533f20;
--warning-7: #6E5021;
--warning-8: #8B6425;
--warning-9: #DB9706;
--warning-10: #CF8C00;
--warning-11: #EBB25A;
--warning-12: #F8E1C1;
--warning-overlay-dark: #1B1E16;
--warning-overlay-light: #e4f7b57d;
--critical-0: #2c1b1b;
--critical-1: #221B19;
--critical-2: #281D1B;
--critical-3: #421E17;
--critical-4: #571B10;
--critical-5: #662014;
--critical-6: #742C1F;
--critical-7: #8B3B2C;
--critical-8: #B14B38;
--critical-9: #F05C42;
--critical-10: #e24335;
--critical-11: #FF917A;
--critical-12: #FDD3CA;
--critical-overlay-dark: #231A1A;
--critical-overlay-light: #ffd1d58a;
--engagement-1: #23191D;
--engagement-2: #2A1A20;
--engagement-3: #421B2C;
--engagement-4: #571435;
--engagement-5: #641A3E;
--engagement-6: #73254A;
--engagement-7: #8C335D;
--engagement-8: #B34076;
--engagement-9: #EC4899;
--engagement-10: #DE398D;
--engagement-11: #FF88C1;
--engagement-12: #FFD0E3;
--amplification-1: #201A24;
--amplification-2: #271A2D;
--amplification-3: #391E47;
--amplification-4: #481E5C;
--amplification-5: #532468;
--amplification-6: #5E2F75;
--amplification-7: #733E8C;
--amplification-8: #924FB2;
--amplification-9: #C75FF7;
--amplification-10: #BA52EA;
--amplification-11: #E391FF;
--amplification-12: #F1D3FF;
--conversation-1: #161C2B;
--conversation-2: #181F32;
--conversation-3: #1B2959;
--conversation-4: #1E3174;
--conversation-5: #243986;
--conversation-6: #2C4396;
--conversation-7: #334DAA;
--conversation-8: #3B59C6;
--conversation-9: #476CFF;
--conversation-10: #3C5EF0;
--conversation-11: #92B2FF;
--conversation-12: #D2E1FF;
--reach-1: #141E23;
--reach-2: #172227;
--reach-3: #0F323F;
--reach-4: #003D50;
--reach-5: #00495F;
--reach-6: #0B566E;
--reach-7: #176883;
--reach-8: #197FA1;
--reach-9: #27A8D3;
--reach-10: #0C9CC6;
--reach-11: #5BC7F1;
--reach-12: #BAE9FE;
--growth-1: #171F19;
--growth-2: #1A241C;
--growth-3: #1B3421;
--growth-4: #184225;
--growth-5: #1C4F2C;
--growth-6: #225C35;
--growth-7: #286C3E;
--growth-8: #2C7F48;
--growth-9: #19CC67;
--growth-10: #3ABC68;
--growth-11: #33D973;
--growth-12: #B0F3BF;
--conversion-1: #181F17;
--conversion-2: #1C231A;
--conversion-3: #21331D;
--conversion-4: #22411C;
--conversion-5: #284E21;
--conversion-6: #2F5B27;
--conversion-7: #376B2D;
--conversion-8: #3E7D32;
--conversion-9: #58C841;
--conversion-10: #54BB3F;
--conversion-11: #a3ef95;
--conversion-12: #d7fbd0;
--influence-1: #1C1E15;
--influence-2: #212318;
--influence-3: #2D311A;
--influence-4: #383C1A;
--influence-5: #42481B;
--influence-6: #4D541E;
--influence-7: #5B6323;
--influence-8: #6B7526;
--influence-9: #bad016;
--influence-10: #8b9c07;
--influence-11: #e3f17e;
--influence-12: #f8fedd;
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-ptmono: 'PT Mono',monospace;
--font-syncopate: 'Syncopate',sans-serif;

    /* Font size */
    --text-3xs: 0.6rem;
--text-2xs: 0.68rem;
--text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-md: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* Font weight */
    --normal: 400;
--medium: 500;
--semi: 600;
--bold: 700;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --rounding-none: 0px;
--rounding-xs: 0.125rem;
--rounding-sm: 0.25rem;
--rounding-md: 0.375rem;
--rounding-lg: 0.5rem;
--rounding-xl: 0.75rem;
--rounding-2xl: 1rem;
--rounding-3xl: 1.5rem;
--rounding-full: 9999px;
--border-none: 0px;
--border-xs: 0.087rem;
--border-sm: 0.125rem;
--border-md: 0.1875rem;
--border-lg: 0.25rem;
--border-focus: 0.2rem;
--line-height-xs: 1.125rem;
--line-height-sm: 1.25rem;
--line-height-md: 1.5rem;
--line-height-lg: 1.75rem;
--line-height-xl: 1.875rem;
--line-height-2xl: 2rem;
--line-height-3xl: 2.375rem;
--line-height-4xl: 2.75rem;
--line-height-5xl: 3.75rem;
--line-height-6xl: 4.5rem;
--letter-spacing-xs: 0rem;
--letter-spacing-sm: 0rem;
--letter-spacing-md: 0rem;
--letter-spacing-lg: 0rem;
--letter-spacing-xl: 0rem;
--letter-spacing-2xl: 0rem;
--letter-spacing-3xl: 0rem;
--letter-spacing-4xl: -0.045rem;
--letter-spacing-5xl: -0.0575rem;
--letter-spacing-6xl: -0.075rem;
--interactive-2xs: 1.72rem;
--interactive-xs: 2.1rem;
--interactive-sm: 2.35rem;
--interactive-md: 2.75rem;
--interactive-lg: 3.25rem;
--toggle-height-md: 1.5rem;
--spinner-size-sm: 1.25rem;
--spinner-size-md: 1.5rem;
--spinner-size-lg: 1.75rem;
--side-menu-width: 240px;
--header-height: 4.5rem;
--avatar-size-sm: 1.5rem;
--avatar-size-md: 2rem;
--avatar-size-lg: 3rem;
--badge-size-sm: 1.5rem;
--badge-size-md: 2rem;
--badge-size-lg: 2.5rem;
--4xs: 0.125rem;
--3xs: 0.25rem;
--2xs: 0.375rem;
--xs: 0.5rem;
--sm: 0.75rem;
--md: 1rem;
--lg: 1.5rem;
--xl: 2rem;
--2xl: 2.5rem;
--3xl: 3rem;
--4xl: 4rem;
--5xl: 6rem;
--6xl: 8rem;
--7xl: 10rem;
--none: 0rem;
--page: 95rem;
--modal-lg: 40rem;
--modal-md: 30rem;
--modal-sm: 22rem;
--menu-left: 15rem;
--menu-top: 5rem;
--menu-bottom: 4rem;
--menu-right: 12rem;
--font-family: Outfit;
--icon-size: 1.1rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .dmAogR {
    row-gap:var(--2xl);
  background:white;
  column-gap:var(--2xl);
  }
      

      
        
      
      
  
      

      
        
      
      
  .bWpTnd {
    width:fit-content;
  height:auto;
  }
      

      
        
      
      
  .bc-button-rainbow\:root {
    gap:var(--sm);
  color:var(--neutral-3);
  border:none;
  cursor:pointer;
  height:var(--interactive-md);
  display:flex;
  outline:var(--border-focus) solid transparent;
  padding:var(--sm) var(--lg);
  overflow:hidden;
  position:relative;
  animation:15s ease-in-out infinite animation-shadow-dance;
  font-size:var(--font-size-sm);
  min-width:0px;
  background:linear-gradient(135deg, #FF8A96 0%, #FFB574 25%, #FFE042 50%, #85E5A3 75%, #5CC4FF 100%);
  transition:all 250ms ease;
  align-items:center;
  font-family:var(--font-family);
  font-weight:600;
  user-select:none;
  border-radius:var(--rounding-lg);
  flex-direction:row;
  outline-offset:var(--4xs);
  justify-content:center;
  }
      

      
  .bc-button-rainbow\:root:hover {
    animation:8s ease-in-out infinite animation-shadow-dance-hover;
  }
      


  .bc-button-rainbow\:root:active {
    transform:translateY(0);
  box-shadow:0 2px 8px rgba(255, 138, 150, 0.4), 0 1px 4px rgba(255, 181, 116, 0.3);
  }
      


  .bc-button-rainbow\:root:focus-visible {
    outline-color:rgba(255, 181, 116, 0.8);
  }
      


  .bc-button-rainbow\:root.disabled {
    opacity:0.76;
  background:var(--neutral-10);
  user-select:none;
  pointer-events:none;
  }
      

        
      
      
  .cAIpTm {
    top:70%;
  left:45%;
  width:40px;
  filter:blur(16px);
  height:32px;
  opacity:0.65;
  position:absolute;
  animation:24s ease-in-out infinite animation-mid-chaos-purple;
  background:#E198FF;
  border-radius:50%;
  animation-delay:6s;
  }
      

      
        
                  @keyframes animation-mid-chaos-purple {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        35% {
                          translate: 28px -36px;
                        }
                        

                        35% {
                          rotate: 135deg;
                        }
                        

                        35% {
                          scale: 1.1;
                        }
                        

                        65% {
                          translate: -36px 16px;
                        }
                        

                        65% {
                          rotate: 225deg;
                        }
                        

                        65% {
                          scale: 0.8;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }
                  
      
      
  .MYQZc {
    gap:var(--xs);
  color:inherit;
  display:flex;
  z-index:1;
  position:relative;
  min-width:0px;
  align-items:center;
  font-family:var(--font-family);
  font-weight:600;
  flex-direction:row;
  }
      

      
        
      
      
  .counQb {
    top:40%;
  left:75%;
  width:60px;
  filter:blur(19px);
  height:44px;
  opacity:0.75;
  position:absolute;
  animation:19s ease-in-out infinite animation-mid-chaos-green;
  background:#85E5A3;
  border-radius:50%;
  animation-delay:12s;
  }
      

      
        
                  @keyframes animation-mid-chaos-green {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        30% {
                          translate: -48px 12px;
                        }
                        

                        30% {
                          rotate: 150deg;
                        }
                        

                        30% {
                          scale: 1.3;
                        }
                        

                        60% {
                          translate: 32px -24px;
                        }
                        

                        60% {
                          rotate: 270deg;
                        }
                        

                        60% {
                          scale: 0.7;
                        }
                        

                        85% {
                          translate: 12px 28px;
                        }
                        

                        85% {
                          rotate: 390deg;
                        }
                        

                        85% {
                          scale: 1.1;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }
                  
      
      
  .JBEKE {
    top:-60%;
  left:-40%;
  right:-40%;
  width:180%;
  bottom:-60%;
  height:220%;
  z-index:1;
  position:absolute;
  pointer-events:none;
  }
      

      
        
      
      
  .cTIZmO {
    top:15%;
  left:85%;
  width:52px;
  filter:blur(21px);
  height:48px;
  opacity:0.7;
  position:absolute;
  animation:36s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite animation-mid-chaos-blue;
  background:#5CC4FF;
  border-radius:50%;
  animation-delay:16s;
  }
      

      
        
                  @keyframes animation-mid-chaos-blue {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        20% {
                          translate: -56px -16px;
                        }
                        

                        20% {
                          rotate: 60deg;
                        }
                        

                        20% {
                          scale: 0.8;
                        }
                        

                        45% {
                          translate: 16px 44px;
                        }
                        

                        45% {
                          rotate: 200deg;
                        }
                        

                        45% {
                          scale: 1.4;
                        }
                        

                        70% {
                          translate: 40px -20px;
                        }
                        

                        70% {
                          rotate: 320deg;
                        }
                        

                        70% {
                          scale: 0.9;
                        }
                        

                        90% {
                          translate: -24px 8px;
                        }
                        

                        90% {
                          rotate: 450deg;
                        }
                        

                        90% {
                          scale: 1.2;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }
                  
      
      
  .cofjqk {
    top:10%;
  left:55%;
  width:56px;
  filter:blur(10px);
  height:56px;
  opacity:0.71;
  position:absolute;
  animation:41s linear infinite animation-mid-chaos-yellow;
  background:#FFE042;
  border-radius:50%;
  animation-delay:8s;
  }
      

      
        
                  @keyframes animation-mid-chaos-yellow {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        25% {
                          translate: 44px 40px;
                        }
                        

                        25% {
                          rotate: 120deg;
                        }
                        

                        25% {
                          scale: 0.6;
                        }
                        

                        50% {
                          translate: -28px 20px;
                        }
                        

                        50% {
                          rotate: 240deg;
                        }
                        

                        50% {
                          scale: 1.5;
                        }
                        

                        75% {
                          translate: 20px -32px;
                        }
                        

                        75% {
                          rotate: 300deg;
                        }
                        

                        75% {
                          scale: 0.9;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }
                  
      
      
  .efwaMa {
    top:35%;
  left:15%;
  width:36px;
  filter:blur(14px);
  height:28px;
  opacity:0.5;
  position:absolute;
  animation:45s linear infinite animation-mid-chaos-extra1;
  background:#FFC4DD;
  border-radius:50%;
  animation-delay:20s;
  }
      

      
        
                  @keyframes animation-mid-chaos-extra1 {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        50% {
                          translate: 80px 60px;
                        }
                        

                        50% {
                          rotate: 180deg;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        
                  }
                  
      
      
  .fdXEdp {
    top:60%;
  left:25%;
  width:64px;
  filter:blur(22px);
  height:40px;
  opacity:0.86;
  position:absolute;
  animation:33s ease-in-out infinite animation-mid-chaos-orange;
  background:#FFB574;
  border-radius:50%;
  animation-delay:4s;
  }
      

      
        
                  @keyframes animation-mid-chaos-orange {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        15% {
                          translate: -32px 16px;
                        }
                        

                        15% {
                          rotate: 90deg;
                        }
                        

                        15% {
                          scale: 0.8;
                        }
                        

                        40% {
                          translate: 24px -28px;
                        }
                        

                        40% {
                          rotate: 180deg;
                        }
                        

                        40% {
                          scale: 1.4;
                        }
                        

                        65% {
                          translate: 8px 36px;
                        }
                        

                        65% {
                          rotate: 315deg;
                        }
                        

                        65% {
                          scale: 0.9;
                        }
                        

                        85% {
                          translate: -40px -12px;
                        }
                        

                        85% {
                          rotate: 450deg;
                        }
                        

                        85% {
                          scale: 1.2;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }
                  
      
      
  .fsnNMP {
    top:50%;
  left:65%;
  width:32px;
  filter:blur(12px);
  height:32px;
  opacity:0.55;
  position:absolute;
  animation:52s ease-in-out infinite animation-mid-chaos-extra2;
  background:#B8F5CD;
  border-radius:50%;
  animation-delay:25s;
  }
      

      
        
                  @keyframes animation-mid-chaos-extra2 {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        33% {
                          translate: -60px -40px;
                        }
                        

                        33% {
                          scale: 1.5;
                        }
                        

                        66% {
                          translate: 40px 48px;
                        }
                        

                        66% {
                          scale: 0.6;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }
                  
      
      
  .bqWfdr {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  opacity:0;
  overflow:hidden;
  position:absolute;
  background:white;
  transition:opacity 0.3s ease;
  border-radius:inherit;
  pointer-events:none;
  }
      

      
  .bqWfdr.is-loading {
    opacity:1;
  }
      

        
      
      
  .eeHRfM {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  height:100%;
  opacity:0.7;
  position:absolute;
  }
      

      
        
      
      
  .blAJcL {
    top:0px;
  left:0px;
  width:100%;
  filter:blur(var(--blur-primary)) saturate(1.6);
  height:100%;
  position:absolute;
  animation:var(--flow-speed) linear infinite animation-flow-seamless;
  background:linear-gradient(90deg, #FF1744 0%, #FF6D00 12%, #FFD600 23%, #00C853 43%, #0091EA 57%, #7B1FA2 71%, #E91E63 86%, #FF1744 100%) 0% 0% / 200% 100%;
  }
      

      
        
                  @keyframes animation-flow-seamless {
                    
                        0% {
                          background-position: 0% 0%;
                        }
                        

                        100% {
                          background-position: 200% 0%;
                        }
                        
                  }
                  
      
      
  .bc-button-rainbow\:opONVIVDiiIXe3kQeimE8 {
    z-index:2;
  }
      

      
        
      
      
  .fvcbMF {
    top:20%;
  left:10%;
  width:48px;
  filter:blur(18px);
  height:36px;
  opacity:0.7;
  position:absolute;
  animation:27s cubic-bezier(0.4, 0, 0.6, 1) infinite animation-mid-chaos-pink;
  background:#FF8A96;
  border-radius:50%;
  }
      

      
        
                  @keyframes animation-mid-chaos-pink {
                    
                        0% {
                          translate: 0 0;
                        }
                        

                        0% {
                          rotate: 0deg;
                        }
                        

                        0% {
                          scale: 1;
                        }
                        

                        20% {
                          translate: 35px -24px;
                        }
                        

                        20% {
                          rotate: 45deg;
                        }
                        

                        20% {
                          scale: 1.3;
                        }
                        

                        45% {
                          translate: -16px 32px;
                        }
                        

                        45% {
                          rotate: 180deg;
                        }
                        

                        45% {
                          scale: 0.7;
                        }
                        

                        70% {
                          translate: 48px 8px;
                        }
                        

                        70% {
                          rotate: 270deg;
                        }
                        

                        70% {
                          scale: 1.1;
                        }
                        

                        100% {
                          translate: 0 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        

                        100% {
                          scale: 1;
                        }
                        
                  }