
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --neutral-00: #ffffff;
--neutral-01: #FCFCFC;
--neutral-02: #F9F9F9;
--neutral-03: #F0F0F0;
--neutral-04: #E8E8E8;
--neutral-05: #E1E1E1;
--neutral-06: #D9D9D9;
--neutral-07: #CECECE;
--neutral-08: #BBBBBB;
--neutral-09: #626262;
--neutral-10: #4A4A4A;
--neutral-11: #3D3D3D;
--neutral-12: #1F1F1F;
--accent-01: #FFFCFD;
--accent-02: #FEF7F8;
--accent-03: #FFE9ED;
--accent-04: #FFDBE2;
--accent-05: #FDCED6;
--accent-06: #F6BEC9;
--accent-07: #EEABB9;
--accent-08: #E493A4;
--accent-09: #C7105C;
--accent-10: #B80050;
--accent-11: #9B1448;
--accent-12: #65142F;
    /* Fonts */
    

    /* Font size */
    --font-size-2xs: 0.6875rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.375rem;
--font-size-3xl: 1.5rem;
--font-size-4xl: 1.75rem;
--font-size-5xl: 1.875rem;
    /* Font weight */
    --font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-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 */
    --width-xl: 82rem;
--width-lg: 68rem;
--width-md: 54rem;
--width-sm: 40rem;
--width-xs: 26rem;
    /* 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;
    }
  }
}


    .umodY {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .clTZat {
      flex:1;
      width:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .eXSgei {
      color:var(--sui-foreground-accent-inverse-primary);
      width:var(--size);
      cursor:pointer;
      height:var(--size);
      display:flex;
      background:linear-gradient(                0deg,                 var(--sui-design-static-alpha-light-00) 35%,                 var(--sui-design-static-alpha-light-05) 100%            ),             linear-gradient(                90deg,                 var(--sui-gradient-accent-start) -66.67%,                 var(--sui-gradient-accent-end) 166.67%            );
      box-shadow:0 0 0 calc(var(--sui-effect-aesthetics-contrast-border-shadow-position) - var(--sui-component-button-border-width)) var(--contrast-border-color),        0 calc(var(--sui-effect-aesthetics-skeuomorph-shadow-position) - var(--sui-component-button-border-width)) 0 0 var(--sui-effect-aesthetics-skeuomorph-shadow-color) inset,        0 0 0 calc(var(--sui-effect-aesthetics-skeuomorph-shadow-position) - var(--sui-component-button-border-width)) var(--sui-effect-aesthetics-skeuomorph-shadow-color) inset;;
      overflow-x:clip;
      overflow-y:clip;
      text-align:left;
      transition:background 300ms ease;
      align-items:center;
      padding-top:-;
      border-color:var(--sui-border-accent-primary-bold);
      border-style:solid;
      border-width:var(--sui-component-button-border-width);
      padding-left:-;
      padding-right:-;
      padding-bottom:-;
      justify-content:center;
      border-top-left-radius:var(--sui-component-button-radius);
      border-top-right-radius:var(--sui-component-button-radius);
      border-bottom-left-radius:var(--sui-component-button-radius);
      border-bottom-right-radius:var(--sui-component-button-radius);
    }

    .eXSgei:hover {
      background:linear-gradient(                180deg,                 var(--sui-design-static-alpha-light-00) 50%,                 var(--sui-design-static-alpha-light-04) 100%            ),             linear-gradient(                90deg,                 var(--sui-gradient-accent-start) -66.67%,                 var(--sui-gradient-accent-end) 166.67%            );
    }

    .eXSgei.secondary {
      color:var(--sui-foreground-accent-secondary);
      background:var(--sui-background-neutral-primary-default);
      box-shadow:0 1px 2px 0 var(--sui-design-static-alpha-dark-02),        0 calc(var(--sui-effect-aesthetics-inner-border-shadow-position) - var(--sui-component-button-border-width)) 0 0 var(--sui-effect-aesthetics-inner-border-shadow-color) inset,        0 0 0 calc(var(--sui-effect-aesthetics-contrast-border-shadow-position) - var(--sui-component-button-border-width)) var(--contrast-border-color);;
      border-color:var(--sui-border-accent-primary);
      border-style:solid;
    }

    .eXSgei.secondary:hover {
      background:var(--sui-background-accent-primary-hover);
      box-shadow:0 1px 2px 0 --sui-design-static-alpha-dark-02, 0 --sui-effect-aesthetics-inner-border-shadow-position 0 0 --sui-effect-aesthetics-inner-border-shadow-color inset, 0 0 0 --sui-effect-aesthetics-contrast-border-shadow-position --sui-effect-aesthetics-contrast-border-shadow-color;
      border-color:var(--sui-border-accent-primary);
      border-style:solid;
    }

    .eXSgei.soft {
      color:var(--sui-foreground-accent-secondary);
      background:var(--sui-background-accent-secondary-default);
      box-shadow:0 1px 2px 0 var(--sui-design-static-alpha-dark-02),        0 calc(var(--sui-effect-aesthetics-inner-border-shadow-position) - var(--sui-component-button-border-width)) 0 0 var(--sui-effect-aesthetics-inner-border-shadow-color) inset,        0 0 0 calc(var(--sui-effect-aesthetics-contrast-border-shadow-position) - var(--sui-component-button-border-width)) var(--contrast-border-color);;
      border-color:var(--sui-border-accent-tertiary);
      border-style:solid;
    }

    .eXSgei.soft:hover {
      background:var(--sui-background-accent-secondary-hover);
      border-color:var(--sui-border-accent-tertiary);
      border-style:solid;
      border-width:1px;
    }

    .eXSgei.ghost {
      color:var(--sui-foreground-accent-secondary);
      background:#ffffff00;
      box-shadow:0px 0px 0px 0px #ffffff00;
      border-color:#ffffff00;
      border-style:solid;
    }

    .eXSgei.ghost:hover {
      background:var(--sui-background-accent-primary-hover);
      border-color:var(--sui-border-accent-tertiary);
      border-style:solid;
    }

    .eXSgei.alpha {
      color:var(--sui-foreground-neutral-alpha-dark-light-primary);
      background:var(--sui-background-alpha-dark-light-secondary-default);
      box-shadow:0px 0px 0px 0px #ffffff1a;
      border-color:var(--sui-border-neutral-alpha-dark-light-secondary);
      border-style:solid;
    }

    .eXSgei.alpha:hover {
      background:var(--sui-background-alpha-dark-light-secondary-hover);
      box-shadow:0px 0px 0px 0px #ffffff1a;
      border-color:var(--sui-border-neutral-alpha-dark-light-secondary);
      border-style:solid;
    }

    .eXSgei.disabled {
      color:var(--sui-foreground-neutral-interactive-disabled);
      cursor:not-allowed;
      events:none;
      background:var(--sui-background-neutral-primary-disabled);
      border-color:var(--sui-border-neutral-interactive-disabled);
      border-style:solid;
    }

    .bHebiP {
      width:var(--icon-size);
      height:var(--icon-size);
    }

    .fkjCWZ {
      width:100%;
      display:flex;
      background:var(--sui-background-neutral-primary-default);
      align-items:center;
      padding-top:0.75rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      justify-content:center;
      border-bottom-color:var(--sui-border-neutral-primary);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bDuolM {
      height:1.375rem;
    }

    .etnYbZ {
      max-width:200px;
      max-height:200px;
    }

    .diGYyY {
      width:100%;
      display:flex;
      clip-path:url(#clip-path);
      align-items:center;
      justify-content:center;
    }

    .YxPRR {
      font-size:var(--font-size-xl);
      font-weight:var(--font-weight-medium);
    }

    .cSmxAX {
      color:var(--sui-foreground-neutral-tertiary);
    }

    .ckHmPr {
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      row-gap:0.5rem;
      column-gap:0.5rem;
    }

    .bztrvj {
      color:var(--sui-foreground-accent-inverse-primary);
      cursor:pointer;
      display:flex;
      padding:0.875rem 1.5rem;
      overflow:clip;
      background:linear-gradient( 0deg, var(--sui-design-static-alpha-light-00) 35%, var(--sui-design-static-alpha-light-05) 100% ), linear-gradient( 90deg, var(--sui-gradient-accent-start) -66.67%, var(--sui-gradient-accent-end) 166.67% );
      box-shadow:0 0 0 calc(var(--sui-effect-aesthetics-contrast-border-shadow-position) - 1px) var(--sui-effect-aesthetics-contrast-border-shadow-color), 0 calc(var(--sui-effect-aesthetics-skeuomorph-shadow-position) - 1px) 0 0 var(--sui-effect-aesthetics-skeuomorph-shadow-color) inset, 0 0 0 calc(var(--sui-effect-aesthetics-skeuomorph-shadow-position) - 1px) var(--sui-effect-aesthetics-skeuomorph-shadow-color) inset;
      text-align:left;
      transition:background 300ms ease;
      align-items:center;
      font-weight:var(--font-weight-medium);
      border-color:var(--sui-border-accent-primary-bold);
      border-style:solid;
      border-width:1px;
      border-radius:100vw;
      justify-content:center;
    }

    .bztrvj:hover {
      background:linear-gradient(                180deg,                 var(--sui-design-static-alpha-light-00) 50%,                 var(--sui-design-static-alpha-light-04) 100%            ),             linear-gradient(                90deg,                 var(--sui-gradient-accent-start) -66.67%,                 var(--sui-gradient-accent-end) 166.67%            );
    }

    .fnoyla {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      text-align:center;
      align-items:center;
      justify-content:flex-start;
    }

    .dULJyo {
      row-gap:2rem;
      column-gap:2rem;
    }

    .bYFZAe {
      flex:1 1 0%;
      width:100%;
      display:flex;
      flex-flow:column;
      max-width:var(--width-xl);
      align-items:stretch;
      margin-left:auto;
      margin-right:auto;
      justify-content:flex-start;
    }

    .bYFZAe.lg {
      width:100%;
      max-width:var(--width-lg);
    }

    .bYFZAe.md {
      width:100%;
      max-width:var(--width-md);
    }

    .bYFZAe.sm {
      width:100%;
      max-width:var(--width-sm);
    }

    .bYFZAe.xs {
      width:100%;
      max-width:var(--width-xs);
    }

    .easyGo\:QXSK-AQL0WV7jGmCcSU2c {
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .dgFsIR {
      flex:1;
      width:100%;
      display:flex;
      align-items:center;
      padding-top:3rem;
      padding-left:5vw;
      padding-right:5vw;
      padding-bottom:3rem;
      justify-content:flex-start;
    }

    .easyGo\:1sLcIMxm2cmc99ug3j4aA {
      align-items:flex-start;
      padding-top:2rem;
      padding-bottom:2rem;
      justify-content:flex-start;
    }

    .fzupAX {
      width:100%;
      display:flex;
      align-items:center;
      padding-left:5vw;
      padding-right:5vw;
      flex-direction:row;
      justify-content:center;
      border-top-color:var(--sui-border-neutral-secondary);
      border-top-style:solid;
      border-top-width:1px;
    }

    .beGbHv {
      width:1.125rem;
      height:1.125rem;
    }

    .daNKGg {
      color:var(--sui-foreground-neutral-secondary);
      width:100%;
      display:flex;
      row-gap:0.5rem;
      flex-wrap:wrap;
      font-size:var(--font-size-sm);
      column-gap:1rem;
      align-items:center;
      font-weight:var(--font-weight-medium);
      padding-top:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:center;
    }

    .dSRSBH {
      color:var(--sui-foreground-neutral-secondary);
      cursor:pointer;
      display:flex;
      row-gap:0.25rem;
      animation:;
      column-gap:0.25rem;
      transition:all 150ms ease;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .dSRSBH:hover {
      color:var(--sui-foreground-neutral-primary);
    }

    .daXKra {
      width:1.125rem;
      height:1.125rem;
      opacity:0.64;
    }

    .ecpRsT {
      color:var(--sui-foreground-neutral-primary);
      width:100%;
      display:flex;
      font-size:var(--font-size-base);
      background:var(--sui-background-surface-primary);
      min-height:100%;
      align-items:center;
      font-family:Euclid Enercity;
      font-weight:var(--font-weight-regular);
      justify-content:flex-start;
    }