@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #FBFDFF;
--neutral-1: #FCFCFD;
--neutral-2: #F9F9FB;
--neutral-3: #EFF0F3;
--neutral-4: #E7E8EC;
--neutral-5: #E0E1E6;
--neutral-6: #D8D9E0;
--neutral-7: #CDCED7;
--neutral-8: #B9BBC6;
--neutral-9: #8B8D98;
--neutral-10: #80828D;
--neutral-11: #62636C;
--neutral-12: #1E1F24;
--brand-1: #FBFDFF;
--brand-2: #F5F9FE;
--brand-3: #E8F3FF;
--brand-4: #D9ECFF;
--brand-5: #C9E2FC;
--brand-6: #B6D5F5;
--brand-7: #9DC4EC;
--brand-8: #78ACE1;
--brand-9: #4C8CCA;
--brand-10: #387FC2;
--brand-11: #3474B0;
--brand-12: #1D3750;
--success-1: #0D1514;
--success-2: #111C1B;
--success-3: #0D2D2A;
--success-4: #023B37;
--success-5: #084843;
--success-6: #145750;
--success-7: #1C6961;
--success-8: #207E73;
--success-9: #12A594;
--success-10: #0EB39E;
--success-11: #0BD8B6;
--success-12: #ADF0DD;
--warning-1: #16120C;
--warning-2: #1D180F;
--warning-3: #302008;
--warning-4: #3F2700;
--warning-5: #4D3000;
--warning-6: #5C3D05;
--warning-7: #714F19;
--warning-8: #8F6424;
--warning-9: #FFC53D;
--warning-10: #FFD60A;
--warning-11: #FFCA16;
--warning-12: #FFE7B3;
--critical-1: #191113;
--critical-2: #1E1517;
--critical-3: #3A141E;
--critical-4: #4E1325;
--critical-5: #5E1A2E;
--critical-6: #6F2539;
--critical-7: #883447;
--critical-8: #B3445A;
--critical-9: #E54666;
--critical-10: #EC5A72;
--critical-11: #FF949D;
--critical-12: #FED2E1;
--overlay-a1: #ffffff0d;
--overlay-a2: #ffffff1a;
--overlay-a3: #ffffff26;
--overlay-a4: #ffffff33;
--overlay-a5: #ffffff4d;
--overlay-a6: #ffffff66;
--overlay-a7: #ffffff80;
--overlay-a8: #ffffff99;
--overlay-a9: #ffffffb3;
--overlay-a10: #ffffffcc;
--overlay-a11: #ffffffe6;
--overlay-a12: #fffffff2;
--overlay-inverted-a1: #0000000d;
--overlay-inverted-a2: #0000001a;
--overlay-inverted-a3: #00000026;
--overlay-inverted-a4: #00000033;
--overlay-inverted-a5: #0000004d;
--overlay-inverted-a6: #00000066;
--overlay-inverted-a7: #00000080;
--overlay-inverted-a8: #00000099;
--overlay-inverted-a9: #000000b3;
--overlay-inverted-a10: #000000cc;
--overlay-inverted-a11: #000000e6;
--overlay-inverted-a12: #000000f2;
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-ptmono: 'PT Mono',monospace;

    /* Font size */
    --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-sm: 2px;
--rounding-md: 4px;
--rounding-lg: 8px;
--rounding-full: 9999px;
--border-none: 0px;
--border-md: 1px;
--border-lg: 2px;
--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-height-sm: 2rem;
--interactive-height-md: 2.5rem;
--interactive-height-lg: 3rem;
--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;
    /* 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;
    }
  }
}


    .CCVLi {
      width:100%;
      min-height:100vh;
      align-items:start;
      justify-content:start;
      background-color:var(--neutral-1, #121113);
    }

    .gjhJb {
      display:none;
    }

    @media (max-width: 1024px) {

    .gjhJb {
      width:100%;
      height:var(--header-height);
      display:flex;
      position:fixed;
      align-items:center;
      margin-left:0px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      justify-content:space-between;
      background-color:var(--neutral-1, #121113);
      border-bottom-color:var(--neutral-5, #323035);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }
    }

    .bfzmzg {
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .bujhXV {
      gap:1.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .bujhXV {
      gap:0.5rem;
    }
    }

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

    .so-button-tertiary\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-tertiary\:root:hover {
      background-color:var(--overlay-a2, #ffffff1a);
    }

    .so-button-tertiary\:root:active {
      transition:none;
    }

    .so-button-tertiary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-tertiary\:root.trigger-open {
      background-color:var(--overlay-a3, #ffffff26);
    }

    .so-button-tertiary\:root.disabled {
      opacity:0.5;
      background-color:var(--overlay-a1, #ffffff0d);
    }

    .mobile-header\:Su2iGN6oaYrlcRHdn_j6Q {
      width:var(--interactive-height-sm);
      height:var(--interactive-height-sm);
    }

    .eTkKzJ {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .eswfpV {
      width:120px;
    }

    .components\:-GBBwddXwv_7uZEY5PM0y {
      z-index:100;
    }

    .ZRvPG {
      display:table-header-group;
      background-color:var(--overlay-a1, #ffffff0d);
    }

    .bgGITa {
      width:var(--side-menu-width);
      height:100dvh;
      z-index:var(--navigation-menu);
      position:fixed;
      transition:all 300ms ease 0ms normal;
      background-color:var(--neutral-1, #121113);
      border-right-color:var(--neutral-4, #E8E8EC);
      border-right-style:solid;
      border-right-width:1px;
    }

    @media (max-width: 1024px) {

    .bgGITa {
      width:280px;
      display:flex;
      max-width:90vw;
      translate:-100%;
      flex-direction:column;
    }
    }

    @media (max-width: 1024px) {

    .bgGITa.open {
      display:flex;
      translate:0;
      transition:var(--transition-in);
      flex-direction:column;
    }
    }

    .bgGITa.open {
      transition:all 320ms ease 0ms normal;
    }

    .doWZSZ {
      top:0px;
      left:0px;
      width:20px;
      bottom:0px;
      position:absolute;
    }

    .emrFNN {
      gap:0.25rem;
    }

    .bCrsFu {
      overflow-y:auto;
      touch-action:auto;
    }

    .navigation-menu\:AnfCDhaA7kGBpaZ7Yi1aT {
      flex:1;
      padding-top:0.5rem;
      padding-bottom:1.5rem;
    }

    .dkgdEw {
      gap:0.625rem;
      color:var(--neutral-11, #60646C);
      overflow:hidden;
      flex-wrap:wrap;
      font-size:var(--text-md);
      transition:all 200ms ease normal normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      padding-top:0.5rem;
      white-space:nowrap;
      padding-left:0.75rem;
      border-radius:var(--rounding-sm);
      padding-right:0.75rem;
      text-overflow:ellipsis;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:start;
    }

    .dkgdEw:hover {
      background-color:var(--neutral-2, #F9F9FB);
    }

    .dkgdEw:focus-visible {
      outline-color:var(--brand-8, #8DA4EF);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .dkgdEw:active {
      transition:none;
      background-color:var(--neutral-4, #E8E8EC);
    }

    .UgCri {
      color:var(--neutral-11, #B5B2BC);
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .UgCri.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .UgCri.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .navigation-menu\:KBqxZvJCPj_5AjnT5zllJ {
      color:var(--neutral-12, #EEEEF0);
      font-weight:var(--semi);
      padding-left:0.75rem;
      padding-right:0.75rem;
    }

    .bokKWT {
      width:120px;
      height:auto;
    }

    .fePXaX {
      height:var(--header-height);
      align-items:start;
      padding-left:1rem;
      padding-right:1rem;
      justify-content:center;
    }

    .dkIEFu {
      gap:1.5rem;
      overflow-y:auto;
      padding-top:0.5rem;
      padding-left:0.25rem;
      padding-right:0.25rem;
      padding-bottom:0.5rem;
    }

    .bFtwKY {
      width:100%;
      height:1px;
      background-color:var(--grey-600, #525252);
    }

    .bFtwKY.orientation-vertical {
      width:1px;
      height:100%;
    }

    .so-separator\:root {
      background-color:var(--neutral-5, #323035);
    }

    .bPMOrW {
      display:flex;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:column;
    }

    .components\:4AnHZgG7hHOlKGeRgnKOJ {
      z-index:300;
    }

    .gpuoF {
      gap:3rem;
    }

    .eGcxWa {
      color:var(--neutral-11);
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:var(--bold);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .eGcxWa.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .eGcxWa.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .ccbGtx {
      color:var(--color);
      cursor:pointer;
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      transition:color 300ms ease 0ms normal;
      font-family:'Outfit';
      font-weight:var(--medium);
      line-height:var(--line-height);
      white-space:normal;
      border-radius:var(--rounding-md);
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
      text-decoration-line:underline;
      text-decoration-color:var(--color-underline);
      text-decoration-style:solid;
      text-underline-offset:var(--underline-offset);
      text-decoration-thickness:var(--underline-thickness);
    }

    .ccbGtx:hover {
      color:var(--color-hovered);
      text-decoration-color:var(--color-underline-hovered);
    }

    .ccbGtx:active {
      color:var(--color-active);
      transition:none;
    }

    .ccbGtx:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .dhGxig {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:var(--semi);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .dhGxig.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dhGxig.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .sub-section-title\:root {
      color:var(--neutral-12, #EEEEF0);
    }

    .dRnUbV {
      color:var(--neutral-11, #B5B2BC);
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .dRnUbV.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dRnUbV.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .eXoeii {
      gap:0.75rem;
    }

    .bVXRBA {
      gap:1.5rem;
      width:100%;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      background-color:var(--neutral-2, #1A191B);
    }

    .cnnYKH {
      gap:0.5rem;
    }

    .ddUGfk {
      color:var(--neutral-11, #B5B2BC);
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:var(--semi);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .ddUGfk.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .ddUGfk.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .section-title\:root {
      color:var(--neutral-12, #EEEEF0);
      margin-bottom:-1.5rem;
    }

    .bzbaKZ {
      width:var(--width);
      align-items:center;
      margin-left:var(--side-menu-width);
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .bzbaKZ {
      width:100%;
      margin-left:0px;
      padding-top:var(--header-height);
    }
    }

    .fWMls {
      gap:4rem;
      width:100%;
      max-width:800px;
      padding-top:3rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:3rem;
    }

    .cgGrpZ {
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .so-toast-provider\:3HNY67eQbyTMKV7wPLZZf {
      width:100%;
      display:flex;
      position:relative;
      max-width:360px;
      transition:height 150ms ease 0ms normal;
      flex-direction:column;
    }

    .bHYIqa {
      top:var(--top);
      width:100%;
      position:absolute;
      pointer-events:all;
    }

    .bHYIqa.swipe-out-top {
      translate:0 -100%;
    }

    .bHYIqa.swipe-out-right {
      translate:100% 0px;
    }

    .bHYIqa.swipe-out-bottom {
      translate:0 100%;
    }

    .bHYIqa.swipe-out-left {
      translate:-100% 0px;
    }

    .so-toast\:root {
      gap:0.75rem;
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      opacity:0;
      translate:0 16px;
      padding-top:1rem;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-toast\:root.open {
      opacity:1;
      translate:0 0px;
      transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal;
    }

    .so-toast\:root.closing {
      opacity:0;
      translate:0 -16px;
    }

    .so-toast\:root.open-transition {
      transition:all 250ms ease 0ms normal;
    }

    .so-toast\:root.close-transition {
      transition:all 150ms ease 0ms normal;
    }

    .so-toast\:root.success {
      color:var(--success-11, #0BD8B6);
      border-color:var(--success-6, #145750);
      border-style:solid;
      border-width:1px;
      background-color:var(--success-2, #111C1B);
    }

    .so-toast\:root.warning {
      color:var(--warning-11, #FFCA16);
      border-color:var(--warning-6, #5C3D05);
      border-style:solid;
      border-width:1px;
      background-color:var(--warning-2, #1D180F);
    }

    .so-toast\:root.critical {
      color:var(--critical-11, #FF949D);
      border-color:var(--critical-6, #6F2539);
      border-style:solid;
      border-width:1px;
      background-color:var(--critical-2, #1E1517);
    }

    .rKRcu {
      gap:0.5rem;
      flex-direction:row;
    }

    .so-toast\:FW2tKddjmqBb2S_WPmtMS {
      color:inherit;
    }

    .so-toast\:gYVdDIDxaBXSrlkux9YPE {
      flex:1;
      color:inherit;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk {
      width:var(--text-lg);
      height:var(--text-lg);
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      background-color:transparent;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk:hover {
      background-color:transparent;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk:active {
      background-color:transparent;
    }

    .ezeRiZ {
      width:var(--width);
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:end;
      padding-top:1.25rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:1.25rem;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:center;
      justify-content:start;
    }
    }

    .bXiezW {
      display:grid;
      row-gap:3rem;
      column-gap:2rem;
      grid-template-columns:repeat(2, 1fr);
    }

    @media (max-width: 620px) {

    .bXiezW {
      grid-template-columns:1fr;
    }
    }

    .egkcwx {
      width:fit-content;
    }

    .iqsvV {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .so-radio-cards-item\:root {
      width:100%;
    }

    .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r {
      gap:0.25rem;
      display:flex;
      transition:all 200ms ease 0ms normal;
      align-items:start;
      padding-top:0.75rem;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:column;
      padding-bottom:0.75rem;
      justify-content:start;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r:active {
      transition:none;
      background-color:var(--neutral-4, #2B292D);
    }

    .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r.checked {
      border-color:var(--brand-6, #473876);
      border-style:solid;
      border-width:var(--border-md);
      background-color:var(--brand-3, #291F43);
    }

    .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r.checked:hover {
      border-color:var(--brand-6, #473876);
      border-style:solid;
      border-width:var(--border-md);
      background-color:var(--brand-4, #33255B);
    }

    .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r.checked:active {
      border-color:var(--brand-6, #473876);
      border-style:solid;
      border-width:var(--border-md);
      background-color:var(--brand-5, #3C2E69);
    }

    .example-radio-cards\:byTm2m9lpAmg5lArZnEew {
      width:100%;
    }

    .fdPuuY {
      flex-direction:column;
    }

    .fdPuuY.orientation-horizontal {
      flex-direction:row;
    }

    .fdPuuY.disabled {
      opacity:0.5;
    }

    .so-radio-group\:root {
      gap:0.25rem;
    }

    .example-radio-cards\:mkXVwsLB_zEwMtbUseCLI {
      width:100%;
    }

    .so-radio-cards-description\:root {
      display:inline-block;
      text-align:left;
    }

    .toggle-cards-title\:root {
      color:var(--neutral-12, #EEEEF0);
      font-weight:var(--semi);
    }

    .so-radio-cards-title\:root {
      display:inline-block;
      text-align:left;
    }

    .cJtvre {
      cursor:default;
      align-items:center;
      justify-content:center;
    }

    .so-context-menu-checkbox\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
    }

    .so-context-menu-checkbox\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-context-menu-checkbox\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-context-menu-checkbox\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .eobkWd {
      color:var(--color);
      width:1rem;
      height:1rem;
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .so-context-menu-checkbox\:eHu7V7Hy84iw-gq9FpXJx {
      width:1rem;
      height:1rem;
    }

    .menu-separator\:root {
      margin-top:0.25rem;
      margin-bottom:0.25rem;
    }

    .example-context-menu\:A3jX27ZoDp5vteDrGfSxQ {
      width:fit-content;
      display:inline-block;
      text-align:center;
    }

    .XgQFV {
      height:200px;
      display:flex;
      align-items:center;
      border-color:var(--neutral-5, #323035);
      border-style:dashed;
      border-width:var(--border-md);
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      flex-direction:column;
      justify-content:center;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .zretP {
      display:flex;
      user-select:none;
      flex-direction:column;
      -ms-user-select:none;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-touch-callout:none;
      -webkit-text-size-adjust:none;
    }

    .brUwKv {
      top:var(--top);
      left:var(--left);
      width:1px;
      height:1px;
      position:absolute;
      visibility:hidden;
    }

    .so-context-menu\:n7Z01Ucy3nPeW3jXX6hOc {
      width:100%;
    }

    .dfDqVR {
      cursor:default;
    }

    .sparkcore\/sc-context-menu-item\:root {
      user-select:none;
      -webkit-user-select:none;
    }

    .so-context-menu-item\:root {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-context-menu-item\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-context-menu-item\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-context-menu-item\:root.open {
      background-color:var(--brand-4, #33255B);
    }

    .so-context-menu-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .bjimQW {
      gap:0.125rem;
      align-items:center;
      padding-left:0.5rem;
      flex-direction:row;
      justify-content:start;
    }

    .eCZsLN {
      color:var(--neutral-9, #6F6D78);
      width:0.75rem;
      height:0.75rem;
    }

    .menu-item-shortcut\:da0isZECMw2nPVNetqsW7 {
      color:var(--neutral-9, #6F6D78);
    }

    .menu-item-shortcut\:hYeSqaU23-tX-qUiIlZCq {
      color:var(--neutral-9, #6F6D78);
    }

    .flCkpk {
      color:inherit;
      width:1rem;
      height:1rem;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      margin-right:-0.5rem;
      flex-direction:column;
    }

    .example-context-menu\:TQNtpeegQIvJ6n15CQPq0 {
      t:;
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .so-context-menu-sub-content\:root {
      gap:0.25rem;
      display:flex;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-context-menu-sub-content\:root.open {
      opacity:1;
    }

    .so-context-menu-sub-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-context-menu-sub-content\:root.bottom {
      margin-left:0.5rem;
    }

    .so-context-menu-sub-content\:root.top {
      margin-left:0.5rem;
    }

    .so-context-menu-radio-group-item\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
    }

    .so-context-menu-radio-group-item\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-context-menu-radio-group-item\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-context-menu-radio-group-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .qIUdT {
      width:0.5rem;
      height:0.5rem;
      border-radius:var(--rounding-full);
      background-color:var(--color-bg);
    }

    .bLEqjl {
      color:inherit;
      width:1rem;
      height:1rem;
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .sparkcore\/sc-context-menu-content\:root:focus {
      outline:none;
    }

    .so-context-menu-content\:root {
      gap:0.25rem;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-context-menu-content\:root.open {
      opacity:1;
    }

    .so-context-menu-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .example-context-menu\:j4UO2uad-qdxBSxKyqVM7 {
      font-weight:var(--medium);
      padding-left:2.25rem;
    }

    .so-toggle-group-item\:root {
      color:var(--neutral-12, #EEEEF0);
      width:var(--interactive-height-md);
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'DM Sans';
      font-weight:var(--semi);
      user-select:none;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--neutral-0, #0b0a0b);
      -webkit-user-select:none;
    }

    .so-toggle-group-item\:root:hover {
      background-color:var(--brand-2, #1B1525);
    }

    .so-toggle-group-item\:root.pressed {
      transition:none;
      background-color:var(--brand-4, #33255B);
    }

    .so-toggle-group-item\:root.pressed:hover {
      background-color:var(--brand-4, #33255B);
    }

    .so-toggle-group-item\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .fqEJQZ {
      width:fit-content;
      align-items:start;
      flex-direction:row;
      justify-content:start;
    }

    .fqEJQZ.orientation-vertical {
      flex-direction:column;
    }

    .so-toggle-group\:root {
      gap:0.25rem;
    }

    .bzGpvc {
      gap:1rem;
      flex-direction:row;
    }

    .foTVvm {
      width:100%;
      cursor:default;
      height:100%;
      display:flex;
      position:absolute;
      overflow-x:hidden;
      overflow-y:hidden;
      user-select:none;
      border-radius:inherit;
      flex-direction:column;
      pointer-events:none;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .cdRqQd {
      width:100%;
      height:100%;
      animation:var(--animation);
    }

    .example-skeleton\:KyxAlfVTY3NQCnkQzkz_D {
      width:3.5rem;
      height:3.5rem;
      border-radius:var(--rounding-full);
    }

    .example-skeleton\:jGmIzA1Cn2jYCoip4AqJP {
      width:160px;
      height:1rem;
      border-radius:var(--rounding-full);
    }

    .dSnpAW {
      gap:0.5rem;
      align-items:start;
      justify-content:center;
    }

    .example-skeleton\:utfsjXLSIKa6_K3cSr1Mq {
      width:100px;
      height:0.75rem;
      border-radius:var(--rounding-full);
    }

    .cEqiJL {
      display:inline-block;
    }

    .fqcBWZ {
      display:flex;
      align-items:center;
      user-select:none;
      touch-action:none;
      flex-direction:row;
      -ms-user-select:none;
      justify-content:start;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-touch-callout:none;
      -webkit-text-size-adjust:none;
    }

    .fqcBWZ.orientation-vertical {
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:start;
    }

    .so-slider-range\:root {
      height:1.5rem;
    }

    .bumcfj {
      top:var(--top);
      left:var(--left);
      right:var(--right);
      bottom:var(--bottom);
      display:flex;
      position:absolute;
      translate:var(--translate-x) var(--translate-y);
      flex-direction:column;
    }

    .JvZIa {
      display:none;
    }

    .fjPjKY {
      display:flex;
      opacity:1;
      flex-direction:column;
    }

    .fjPjKY.hidden {
      opacity:0;
    }

    .so-slider-range\:RHFTx6y_HXpaB1GMANjaZ {
      width:1.5rem;
      height:1.5rem;
      border-color:var(--brand-10, #7D66D9);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-full);
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-slider-range\:RHFTx6y_HXpaB1GMANjaZ:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-slider-range\:RHFTx6y_HXpaB1GMANjaZ:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .dOsAZm {
      display:flex;
      flex-grow:var(--flex-grow);
      flex-direction:column;
    }

    .so-slider-range\:a9ZjKfsZpUtE7C2qD8sZu {
      height:0.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      border-radius:var(--rounding-md);
      background-color:var(--neutral-6, #3C393F);
    }

    .so-slider-range\:cOWuENSc45Wxo_SdkuTgR {
      width:1.5rem;
      height:1.5rem;
      border-color:var(--brand-10, #7D66D9);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-full);
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-slider-range\:cOWuENSc45Wxo_SdkuTgR:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-slider-range\:cOWuENSc45Wxo_SdkuTgR:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .fwhVgk {
      top:var(--top);
      left:var(--left);
      right:var(--right);
      bottom:var(--bottom);
      display:flex;
      opacity:1;
      position:absolute;
      flex-direction:column;
    }

    .fwhVgk.hidden {
      display:flex;
      opacity:0;
      flex-direction:column;
    }

    .so-slider-range\:sou1DDNXQspKdVYavzdXc {
      height:100%;
      background-color:var(--brand-10, #7D66D9);
    }

    .example-slider-range\:T5uRCbbCMPh03nL6U6CCf {
      width:200px;
    }

    .edAQxD {
      height:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      will-change:height;
    }

    .edAQxD.open {
      height:var(--height);
    }

    .so-accordion-item\:j5oOUeJw1SjbcubWkwzPY {
      transition:height 300ms ease 0ms normal;
    }

    .example-accordion\:-MQtJpbtZ-S0TPUYV22ca {
      width:100%;
    }

    .example-accordion\:A3mmdfH98HXgmAaZNuTbh {
      width:100%;
    }

    .bJoCor.orientation-horizontal {
      flex-direction:row;
    }

    .example-accordion\:Mfl9-jXvBZh60ZKvrLF-m {
      gap:0.5rem;
      width:100%;
      border-radius:var(--rounding-md);
    }

    .example-accordion\:_t2lBcVKGoJxt3jaagV-- {
      padding-top:0.5rem;
    }

    .fAWHpe {
      gap:0.5rem;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-md);
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .eFPVSl {
      gap:2rem;
      flex-wrap:wrap;
      align-items:start;
      flex-direction:row;
      justify-content:start;
    }

    .eZDwxm {
      width:fit-content;
      padding-top:0.5rem;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-md);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-1, #121113);
    }

    .showcase-title\:iFU1fEFRALncjs_ZsMAXS {
      font-weight:var(--medium);
    }

    .example-button-tertiary\:NV8pZmaBi23ANLlv739Lr {
      width:var(--interactive-height-md);
    }

    .example-button-tertiary\:Pj2GVmRkL_5j3aK3cJHyz {
      flex-direction:row;
    }

    .cTaYaR {
      gap:1rem;
    }

    .example-button-tertiary\:RgiKGKycq48UcKnCRF9D- {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-tertiary\:tuVqFi6t4h8ljhTx4yzHr {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-primary\:-1dMjuiRiU2N_bn3gP0nd {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .so-button-primary\:root {
      gap:0.25rem;
      color:var(--neutral-0, #0b0a0b);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--brand-10, #8a75dd);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-primary\:root:hover {
      background-color:var(--brand-9, #755ed1);
    }

    .so-button-primary\:root:active {
      transition:none;
      background-color:var(--brand-11, #BAA7FF);
    }

    .so-button-primary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-primary\:root.disabled {
      opacity:0.5;
      background-color:var(--brand-10, #8a75dd);
    }

    .ecsgDW {
      width:var(--size);
      height:var(--size);
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .ffcKG {
      width:100%;
      height:100%;
      position:absolute;
      border-color:transparent;
      border-style:solid;
      border-width:4px;
      border-radius:50%;
      border-top-color:var(--color, #EEEEF0);
      border-top-style:solid;
      border-top-width:4px;
    }

    .bDGgpC {
      width:100%;
      height:100%;
      opacity:0.3;
      position:absolute;
      border-color:var(--color, #EEEEF0);
      border-style:solid;
      border-width:4px;
      border-radius:50%;
    }

    .dImzBy {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--brand-10, #7D66D9);
    }

    .example-button-primary\:E-paPgLnIV-HqvKba0kwE {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-primary\:Pj2GVmRkL_5j3aK3cJHyz {
      flex-direction:row;
    }

    .example-button-primary\:Z8Nh1OJGPwUvC7JI4-I4h {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-primary\:rPbEd14dpOo6NUyuPtW0g {
      width:var(--interactive-height-md);
    }

    .example-collapsible\:-rjQc32VESFdTk0gI50AH {
      width:100%;
    }

    .example-collapsible\:88njaDPWQUUo0nXybsCXz {
      width:100%;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:1rem;
      border-radius:var(--rounding-md);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-1, #121113);
    }

    .zQIEM {
      flex:1;
      align-items:center;
      justify-content:center;
    }

    .flNaSt {
      height:0px;
      transform:translateZ(0px);
      overflow-y:hidden;
      will-change:height, transform;
    }

    .flNaSt.open {
      height:var(--height);
    }

    .so-collapsible\:ALfxBRmS3wPsbUsjJfBeE {
      width:100%;
      opacity:0;
      transition:height 300ms ease 0ms normal, opacity 300ms ease 0ms normal;
    }

    .so-collapsible\:ALfxBRmS3wPsbUsjJfBeE.open {
      opacity:1;
      transition:height 300ms ease 0ms normal, opacity 300ms ease 200ms normal;
    }

    .example-collapsible\:R5ABVpHpXUxh-lNJcTA2G {
      gap:0.5rem;
      width:200px;
    }

    .so-button-secondary\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--neutral-0, #0b0a0b);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-secondary\:root:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-button-secondary\:root:active {
      transition:none;
      background-color:var(--neutral-4, #2B292D);
    }

    .so-button-secondary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-secondary\:root.trigger-open {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-button-secondary\:root.disabled {
      opacity:0.5;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .ckeMDa {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn {
      color:var(--neutral-1, #121113);
      scale:0.5;
      width:max-content;
      opacity:0;
      padding-top:0.5rem;
      border-color:var(--neutral-2, #1A191B);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-md);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-12, #EEEEF0);
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open {
      scale:1;
      opacity:1;
      translate:0 0px;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-in {
      translate:0 -12px;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-out {
      scale:1;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-in {
      translate:0 12px;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-out {
      scale:1;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open-transition {
      transition:all 200ms ease 0ms normal;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.close-transition {
      transition:all 50ms ease 0ms normal;
    }

    .dqsoTv {
      width:fit-content;
      height:fit-content;
    }

    .PgVAX {
      width:10px;
      height:10px;
      rotate:z 45deg;
      display:flex;
      translate:0px -4px;
      flex-direction:column;
      background-color:var(--neutral-12, #EEEEF0);
      border-right-color:var(--neutral-2, #1A191B);
      border-right-style:solid;
      border-right-width:var(--border-md);
      border-bottom-color:var(--neutral-2, #1A191B);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .cEpQwy {
      width:fit-content;
      height:fit-content;
      position:absolute;
      font-size:inherit;
      transform:var(--transform);
      font-family:inherit;
      font-weight:inherit;
      transform-origin:var(--transform-origin);
    }

    .cEpQwy.top {
      top:0px;
      left:var(--left);
    }

    .cEpQwy.bottom {
      left:var(--left);
      bottom:0px;
    }

    .cEpQwy.right {
      top:var(--top);
      right:0px;
    }

    .cEpQwy.left {
      top:var(--top);
      left:0px;
    }

    .jIPxk {
      color:inherit;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--medium);
    }

    .dPsZdn {
      display:flex;
      flex-direction:column;
    }

    .so-checkbox\:bB2hBlpODhaKpli7ZCDA5 {
      color:var(--neutral-0, #0b0a0b);
      width:1rem;
      height:1rem;
      opacity:0;
      transition:opacity 100ms ease 0ms normal;
    }

    .so-checkbox\:bB2hBlpODhaKpli7ZCDA5.checked {
      opacity:1;
    }

    .so-checkbox\:bB2hBlpODhaKpli7ZCDA5.indeterminate {
      opacity:1;
    }

    .eUzFOF {
      align-items:center;
      justify-content:center;
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL {
      width:var(--toggle-height-md);
      height:var(--toggle-height-md);
      transition:background-color 200ms ease 0ms normal;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.checked {
      background-color:var(--brand-10, #8a75dd);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.checked:hover {
      background-color:var(--brand-9, #755ed1);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.indeterminate {
      background-color:var(--brand-10, #8a75dd);
    }

    .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.indeterminate:hover {
      background-color:var(--brand-9, #755ed1);
    }

    .example-button-secondary\:F_Pj_6wOsS-wWZdfg-gtX {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-secondary\:O1Dq24K7qtBUxjNe6J0jW {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-secondary\:Pj2GVmRkL_5j3aK3cJHyz {
      flex-direction:row;
    }

    .example-button-secondary\:a_98hISqyb3l4JCdNV9Pf {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-secondary\:vKwU8FqRWP5p7TEwV5I7p {
      width:var(--interactive-height-md);
    }

    .OweqU {
      gap:1rem;
      display:flex;
      transition:background-color 300ms ease 0ms normal;
      padding-top:0.75rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.75rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .OweqU:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .OweqU:active {
      background-color:var(--neutral-4, #2B292D);
    }

    .OweqU.highlighted {
      background-color:var(--neutral-4, #2B292D);
    }

    .OweqU:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .Gjybf {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
    }

    .dRuSdx {
      gap:0.25rem;
      flex:1;
    }

    .cVMNhr {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .cSDEUo {
      display:flex;
      flex-direction:column;
    }

    .so-switch\:9xDvC7hc90wM-Hy4nsyON {
      width:var(--switch-thumb-size);
      height:var(--switch-thumb-size);
      translate:0px 0px;
      transition:translate 200ms ease 0ms normal;
      border-radius:var(--rounding-full);
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-switch\:9xDvC7hc90wM-Hy4nsyON.checked {
      translate:var(--translate-x-checked);
    }

    .so-switch\:HRWuuVySKRYgSHU-G8N6w {
      width:var(--switch-width);
      height:var(--switch-height);
      transition:background-color 200ms ease 0ms normal;
      align-items:start;
      padding-top:0px;
      padding-left:var(--padding);
      border-radius:var(--rounding-full);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:var(--padding);
      outline-offset:var(--border-md);
      padding-bottom:0px;
      justify-content:center;
      background-color:var(--neutral-8, #625F69);
    }

    .so-switch\:HRWuuVySKRYgSHU-G8N6w:hover {
      background-color:var(--neutral-7, #49474E);
    }

    .so-switch\:HRWuuVySKRYgSHU-G8N6w.checked {
      background-color:var(--brand-10, #8a75dd);
    }

    .so-switch\:HRWuuVySKRYgSHU-G8N6w.checked:hover {
      background-color:var(--brand-9, #755ed1);
    }

    .so-switch\:HRWuuVySKRYgSHU-G8N6w:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .example-switch-cards\:1uJf0EmrGdiIw2XNsRFYi {
      width:100%;
    }

    .dhhmAN {
      gap:0.25rem;
      flex-direction:var(--flex-direction);
    }

    .example-switch-cards\:ygwhlqqivi5kmzWZ2PG1I {
      width:100%;
    }

    .example-progress-bar\:root {
      align-items:center;
      justify-content:start;
    }

    .eMRdNn {
      overflow:hidden;
      transform:translateZ(0);
    }

    .so-progress-bar\:root {
      width:100%;
      height:1rem;
      border-radius:var(--rounding-full);
      background-color:var(--neutral-4, #2B292D);
    }

    .cAZBKa {
      width:100%;
      height:100%;
      translate:var(--translate-x) 0 0;
    }

    .so-progress-bar\:E9jBZAZ6dfKY_vWJ6O4c2 {
      height:100%;
      transition:translate 200ms ease 0ms normal;
      border-radius:var(--rounding-sm);
      background-color:var(--brand-9, #755ed1);
    }

    .example-progress-bar\:l2PVdBTXpz-3LyvfGe8a1 {
      width:220px;
    }

    .bqEhEv {
      color:var(--neutral-11, #B5B2BC);
      display:table-cell;
      text-align:left;
      font-family:'Outfit';
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.75rem;
    }

    .dqJUqD {
      color:var(--neutral-12, #EEEEF0);
      display:table-cell;
      box-shadow:inset 0 -1px var(--neutral-7);
      text-align:left;
      font-family:'Outfit';
      font-weight:var(--medium);
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.75rem;
    }

    .example-table\:3tAXQFMTOsRE4CA_aqdLz {
      min-width:100px;
    }

    .fnDeUA {
      max-width:100%;
      overflow-x:auto;
      overflow-y:hidden;
      border-color:var(--neutral-7, #49474E);
      border-style:solid;
      border-width:1px;
      border-radius:var(--rounding-md);
    }

    .example-table\:SqW-D8rX7O-ui9uWks4BT {
      min-width:100px;
    }

    .example-table\:ZCvIQY155IYhR6hhcE4vi {
      min-width:100px;
    }

    .cANfrm {
      display:table-row-group;
      padding-bottom:0.5rem;
    }

    .buMVqt {
      display:table;
      border-spacing:0;
      border-collapse:collapse;
    }

    .eshfUM {
      display:table-row;
      border-bottom-color:var(--neutral-5, #323035);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .eshfUM.no-border {
      border-bottom-color:black;
      border-bottom-style:none;
      border-bottom-width:0px;
    }

    .so-dropdown-item\:root {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-dropdown-item\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-item\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-item\:root.open {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .so-dropdown-sub-content\:root {
      gap:0.25rem;
      display:flex;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-dropdown-sub-content\:root.open {
      opacity:1;
    }

    .so-dropdown-sub-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-dropdown-sub-content\:root.bottom {
      margin-left:0.5rem;
    }

    .so-dropdown-sub-content\:root.top {
      margin-left:0.5rem;
    }

    .sparkcore\/sc-dropdown-content\:root:focus {
      outline:none;
    }

    .so-dropdown-content\:root {
      gap:0.25rem;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-dropdown-content\:root.open {
      opacity:1;
    }

    .so-dropdown-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-dropdown-checkbox\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
    }

    .so-dropdown-checkbox\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-checkbox\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-checkbox\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .so-dropdown-checkbox\:ubPaQwp4EEnntv2diOqO- {
      width:1rem;
      height:1rem;
    }

    .example-dropdown\:ltVYX6wypOma5ooq-ot27 {
      font-weight:var(--medium);
      padding-left:2.25rem;
    }

    .so-dropdown-radio-group-item\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
    }

    .so-dropdown-radio-group-item\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-radio-group-item\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-radio-group-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .SWxlP {
      position:relative;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
    }

    .SWxlP:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .so-dialog-content\:root {
      width:100%;
      opacity:0;
      max-width:460px;
      translate:0 20px;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-dialog-content\:root.open {
      opacity:1;
      translate:0 0px;
    }

    .so-dialog-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .so-dialog-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .byjkOA {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index:-1;
      position:absolute;
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV {
      opacity:0;
      background-color:var(--overlay-inverted-a9, #000000b3);
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.open {
      opacity:1;
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .KsFov {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .KsFov.modal {
      touch-action:none;
      pointer-events:all;
    }

    .so-dialog\:o_AGx_fXR28AhYGxOsWS1 {
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .eOiZTW {
      gap:1rem;
      width:100%;
      flex-direction:row;
      padding-bottom:1rem;
    }

    .so-dialog-close-button\:VHhEM1I8jUMvJEGErDJO8 {
      width:var(--line-height-2xl);
      height:var(--line-height-2xl);
    }

    .so-dialog-title\:root {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
    }

    .dnZEVP {
      gap:0.5rem;
      align-items:center;
      padding-top:1.5rem;
      flex-direction:row;
      justify-content:end;
    }

    .example-spinner\:0rHj64jNfyFUbYgt0qpmb {
      flex-direction:row;
    }

    .example-spinner\:eynyXGRDvupXS5cEqHkKH {
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .cfqKRN {
      flex-direction:row;
    }

    .so-menubar\:root {
      gap:0.5rem;
      padding-top:0.5rem;
      border-color:var(--neutral-4, #2B292D);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-1, #121113);
    }

    .showcase-menubar\:root {
      width:fit-content;
    }

    .so-menubar-item\:root {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-menubar-item\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-menubar-item\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-menubar-item\:root.open {
      background-color:var(--brand-4, #33255B);
    }

    .so-menubar-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .so-menubar-radio-group-item\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
    }

    .so-menubar-radio-group-item\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-menubar-radio-group-item\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-menubar-radio-group-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .so-menubar-content\:root {
      gap:0.25rem;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-menubar-content\:root.open {
      opacity:1;
    }

    .so-menubar-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-menubar-trigger-button\:root {
      height:var(--interactive-height-sm);
      background-color:transparent;
    }

    .so-menubar-trigger-button\:root:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      background-color:var(--overlay-a3, #ffffff26);
    }

    .so-menubar-sub-content\:root {
      gap:0.25rem;
      display:flex;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-menubar-sub-content\:root.open {
      opacity:1;
    }

    .so-menubar-sub-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-menubar-sub-content\:root.bottom {
      margin-left:0.5rem;
    }

    .so-menubar-sub-content\:root.top {
      margin-left:0.5rem;
    }

    .so-menubar-checkbox\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
    }

    .so-menubar-checkbox\:root:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-menubar-checkbox\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-menubar-checkbox\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .so-menubar-checkbox\:9HTUlmfdUV0DQ46AEXfAS {
      width:1rem;
      height:1rem;
    }

    .example-checkbox-cards\:7i-aXJNYIlqC1qp_j1XsS {
      flex:1;
      width:100%;
    }

    .example-checkbox-cards\:a78KWkNKAy0tlp8j60KN9 {
      width:100%;
    }

    .cTwMkH {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
    }

    .fEROXQ {
      gap:0.5rem;
      color:var(--color, #BAA7FF);
      align-items:center;
      padding-top:1rem;
      border-color:var(--color-border, #3C2E69);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:start;
      background-color:var(--color-bg, #291F43);
    }

    .example-callout\:FtqnCXk3FLjXa3emwiU7y {
      height:fit-content;
      min-width:180px;
    }

    .example-callout\:Og-DwfvCTbw7PHHtgDbNc {
      flex:1;
      flex-wrap:wrap;
      flex-direction:row;
    }

    @media (max-width: 500px) {

    .example-callout\:Og-DwfvCTbw7PHHtgDbNc {
      width:100%;
      flex-direction:column;
    }
    }

    .example-callout\:OgO9LgrRqoLaugORWjRqv {
      height:fit-content;
      min-width:180px;
    }

    .so-callout-text\:root {
      flex:1;
      color:inherit;
      font-weight:var(--medium);
    }

    .example-callout\:XvFMJzlqRYg1P2DDufUxu {
      display:flex;
      align-items:start;
      flex-direction:column;
      justify-content:center;
    }

    .example-callout\:jy1h86PsqyPmzjT6Efhhr {
      height:fit-content;
      min-width:180px;
    }

    .fvqDPg {
      width:inherit;
      height:inherit;
      background-color:inherit;
    }

    .example-callout\:oEUJbBOPlRrVq6WKiajwj {
      height:fit-content;
      min-width:180px;
    }

    .example-callout\:opd35Ks7rgBsGkE-YDkm- {
      height:fit-content;
      min-width:180px;
    }

    .so-bottom-sheet-content\:root {
      width:100%;
      max-width:460px;
      translate:0 100%;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:2rem;
      background-color:var(--neutral-0, #0b0a0b);
      border-bottom-color:black;
      border-bottom-style:solid;
      border-bottom-width:0px;
      border-top-left-radius:var(--rounding-lg);
      border-top-right-radius:var(--rounding-lg);
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .so-bottom-sheet-content\:root.open {
      translate:0 0px;
      transition:translate 200ms ease 0ms normal;
    }

    .so-bottom-sheet-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .so-bottom-sheet-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .bottom-sheet-close-button\:mFG4tb_0aNVzahacHBUnn {
      width:var(--line-height-2xl);
      height:var(--line-height-2xl);
    }

    .bottom-sheet-title\:root {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC {
      opacity:0;
      background-color:var(--overlay-inverted-a9, #000000b3);
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open {
      opacity:1;
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .sparkcore\/sc-bottom-sheet-portal\:root {
      align-items:center;
      justify-content:end;
    }

    .so-select-item\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      cursor:default;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      white-space:nowrap;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      text-overflow:ellipsis;
      flex-direction:row;
      justify-content:start;
    }

    .so-select-item\:root:hover {
      background-color:var(--brand-4, #33255B);
    }

    .so-select-item\:root:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-select-item\:root.checked {
      color:var(--brand-11, #BAA7FF);
    }

    .so-select-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
    }

    .so-select-item\:root.disabled:hover {
      background-color:transparent;
    }

    .dfonvd {
      color:inherit;
      width:1rem;
      height:1rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .eyVPLS {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .BEodR {
      width:fit-content;
      height:fit-content;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .so-select-item\:gTaZlBzZUme6Pj37SjYHY {
      color:var(--brand-11, #BAA7FF);
      width:1rem;
      height:1rem;
    }

    .so-select-icon\:root {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      transition:rotate 200ms ease 0ms normal;
      font-family:inherit;
      font-weight:inherit;
    }

    .so-select-icon\:root.open {
      rotate:z 180deg;
    }

    .example-select\:fA7SkTMS5e1eASchpwuH- {
      width:200px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-select-content\:root {
      gap:0.25rem;
      opacity:0;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-select-content\:root.open {
      opacity:1;
    }

    .so-select-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-select-content\:root.close-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-select-content\:root:focus {
      outline-color:#ffffff;
      outline-style:none;
      outline-width:0px;
    }

    .vSSmT {
      width:100%;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .example-popover\:acz7xM5F0sbqVtdEMFDKL {
      color:var(--neutral-12, #EEEEF0);
      font-weight:var(--medium);
    }

    .cCYXsI {
      width:100%;
    }

    .example-popover\:i-P_Yznht4SEUCyJi37IX {
      width:var(--interactive-height-sm);
      height:var(--interactive-height-sm);
    }

    .so-popover-content\:root {
      gap:0.25rem;
      opacity:0;
      z-index:10;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-popover-content\:root.open {
      opacity:1;
    }

    .so-popover-content\:root.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-popover-content\:root.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .example-popover\:i25DiKLwVbf_3P9nVwAEF {
      gap:1rem;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .bNiyfD {
      gap:0.5rem;
      display:flex;
      padding-top:0px;
      border-color:black;
      border-style:solid;
      border-width:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      padding-bottom:0px;
      background-color:transparent;
    }

    .so-toolbar-separator\:root.orientation-vertical {
      width:1px;
      height:2.5rem;
      background-color:var(--neutral-5, #323035);
    }

    .example-toolbar\:WdcQNEAP9nv67EETliWzk {
      border-color:black;
      border-style:solid;
      border-width:0px;
    }

    .example-toolbar\:aKogsjzZMZDrqh5y_iwqo {
      border-color:black;
      border-style:solid;
      border-width:0px;
    }

    .dIIgYj {
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .dIIgYj.orientation-vertical {
      flex-direction:column;
    }

    .so-toolbar\:root {
      gap:0.5rem;
      width:fit-content;
      flex-wrap:wrap;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .example-toast\:Og-DwfvCTbw7PHHtgDbNc {
      flex:1;
      flex-wrap:wrap;
      flex-direction:row;
    }

    .fwwGxV {
      gap:0.25rem;
      color:var(--color);
      width:fit-content;
      height:var(--height);
      display:flex;
      font-size:var(--font-size);
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      border-color:var(--color-border);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:var(--padding-horizontal);
      border-radius:var(--rounding-full);
      padding-right:var(--padding-horizontal);
      flex-direction:row;
      justify-content:center;
      background-color:var(--color-bg);
    }

    .example-badge\:BLPATi9v-jqZOsYX_x-GT {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-badge\:QWprR3KsP0m1-IoKWsJWC {
      flex-wrap:wrap;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .so-slider\:root {
      height:1.5rem;
    }

    .so-slider\:a9ZjKfsZpUtE7C2qD8sZu {
      height:0.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      border-radius:var(--rounding-md);
      background-color:var(--neutral-6, #3C393F);
    }

    .so-slider\:cOWuENSc45Wxo_SdkuTgR {
      width:1.5rem;
      height:1.5rem;
      border-color:var(--brand-10, #7D66D9);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-full);
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-slider\:cOWuENSc45Wxo_SdkuTgR:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-slider\:cOWuENSc45Wxo_SdkuTgR:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-slider\:sou1DDNXQspKdVYavzdXc {
      height:100%;
      background-color:var(--brand-10, #7D66D9);
    }

    .example-slider\:sZrWSsQ1nJ3tYb1L_hS8t {
      width:200px;
    }

    .bRPXKT {
      flex:1;
      align-items:start;
      justify-content:end;
    }

    .so-toggle\:root {
      color:var(--neutral-12, #EEEEF0);
      width:var(--interactive-height-md);
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'DM Sans';
      font-weight:var(--semi);
      user-select:none;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--neutral-0, #0b0a0b);
      -webkit-user-select:none;
    }

    .so-toggle\:root:hover {
      background-color:var(--brand-2, #1B1525);
    }

    .so-toggle\:root.pressed {
      transition:none;
      background-color:var(--brand-4, #33255B);
    }

    .so-toggle\:root.pressed:hover {
      background-color:var(--brand-4, #33255B);
    }

    .so-toggle\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .eFsvqW {
      flex-direction:row;
    }

    .example-avatar-group\:l7d6noQQ_KyvPIAxwzeqi {
      flex:1;
      align-items:center;
      justify-content:center;
    }

    .ebmcwb {
      transition:translate 200ms ease 0ms normal;
    }

    .ebmcwb:hover {
      z-index:1;
      translate:0 -4px;
    }

    .cGvVgX {
      width:var(--size);
      height:var(--size);
      translate:var(--translate);
      margin-left:var(--margin-left);
    }

    .so-avatar\:-kWssftQUD5dG7_tYJA_M {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      height:100%;
      font-size:var(--text-sm);
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .fdPeqB {
      aspect-ratio:1;
    }

    .so-avatar\:8oDE1GFsZrzlgcWEPZGvY {
      width:100%;
      height:100%;
      pointer-events:none;
    }

    .so-avatar\:gfOKIPevWUcei5hwOuANf {
      width:100%;
      height:100%;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      border-color:var(--neutral-7, #49474E);
      border-style:solid;
      border-width:var(--border-lg);
      border-radius:var(--rounding-full);
      justify-content:center;
      background-color:var(--neutral-3, #232225);
    }

    .eQgaZy {
      gap:0.5rem;
      width:100%;
      height:var(--interactive-height-md);
      display:flex;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      border-color:var(--neutral-7, #49474E);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .eQgaZy:hover {
      background-color:var(--neutral-1, #121113);
    }

    .eQgaZy.focused {
      border-color:var(--brand-10, #8a75dd);
      border-style:solid;
      border-width:var(--border-md);
      outline-color:var(--brand-6, #473876);
      outline-style:solid;
      outline-width:var(--border-lg);
      background-color:var(--neutral-0, #0b0a0b);
    }

    .cJVvyT {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:100%;
      display:flex;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--normal);
      flex-direction:column;
    }

    .cJVvyT::placeholder {
      color:var(--neutral-9, #6F6D78);
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .so-field-info\:root {
      width:100%;
    }

    .so-field-info\:H8lR0sfXN70nEGzUErooa {
      width:100%;
      padding-top:0px;
      border-color:black;
      border-style:none;
      border-width:1px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      background-color:transparent;
    }

    .so-field-info\:x_vC1I1wKvYVtKKmD9dOe {
      color:var(--neutral-10, #7C7A85);
      width:100%;
      margin-top:0.5rem;
    }

    .dPslFr {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      font-size:var(--text-sm);
      font-family:'Outfit';
      font-weight:var(--medium);
      line-height:var(--text-sm);
      padding-bottom:0.5rem;
    }

    .dnSmfd {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:100%;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .dnSmfd::placeholder {
      color:var(--neutral-9, #6F6D78);
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .dkXksj {
      gap:1rem;
      width:100%;
    }

    .example-field\:BWJZQSOJSGeHVd86Ke8qL {
      width:100%;
      height:var(--interactive-height-sm);
    }

    .cfuikQ {
      gap:2rem;
      width:100%;
    }

    .fDHoQh {
      width:1px;
      height:1px;
      display:flex;
      opacity:0;
      overflow:hidden;
      position:absolute;
      clip-path:inset(0);
      word-wrap:normal;
      margin-top:-1px;
      margin-left:-1px;
      padding-top:0px;
      white-space:nowrap;
      border-color:transparent;
      border-style:none;
      border-width:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:column;
      padding-bottom:0px;
    }

    .example-field\:I4J5XVtyz0ugO9ppRgJF2 {
      width:100%;
    }

    .ejSSgp {
      color:var(--neutral-11, #B5B2BC);
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .so-field-password-toggle\:root {
      width:calc(var(--interactive-height-md) - 0.75rem);
      height:calc(var(--interactive-height-md) - 0.75rem);
      margin-right:-0.5rem;
      border-radius:var(--rounding-sm);
    }

    .example-field\:tvGIEndbB33B2iqKd4V9C {
      gap:rem;
    }

    @media (max-width: 620px) {

    .example-field\:vClzeU85IhgAFGiURezy7 {
      flex-direction:column;
    }
    }

    .example-avatar\:EOoONJcbA7fv3WUCWqMik {
      flex-direction:row;
    }

    .example-avatar\:H4ABNLEk2EBdFY5r8EOIC {
      flex-direction:row;
    }

    .otaOx {
      gap:0.5rem;
      display:flex;
      flex-direction:row;
    }

    .dwYovU {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .so-radio-group-item\:1sKpSmtTvVVtbnB5pq1Of {
      width:0.75rem;
      height:0.75rem;
      opacity:0;
      align-items:center;
      border-radius:var(--rounding-full);
      justify-content:center;
      background-color:var(--brand-10, #8a75dd);
    }

    .so-radio-group-item\:1sKpSmtTvVVtbnB5pq1Of.checked {
      opacity:1;
    }

    .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs {
      width:var(--toggle-height-md);
      height:var(--toggle-height-md);
      align-items:center;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      border-radius:var(--rounding-full);
      justify-content:center;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs:active {
      background-color:var(--neutral-4, #2B292D);
    }

    .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .example-separator\:v33t1MEjiFVizVIYlN4Vv {
      width:200px;
      margin-top:1rem;
      margin-bottom:1rem;
    }

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

    .flUuuk {
      color:var(--neutral-12, #EEEEF0);
      font-size:var(--text-md);
      font-family:'Outfit';
      line-height:var(--line-height-md);
      padding-top:0.5rem;
      padding-bottom:0.5rem;
    }

    .gYuIW {
      color:var(--neutral-11, #B5B2BC);
      display:flex;
      font-size:var(--text-md);
      min-width:var(--min-width);
      font-family:'Outfit';
      line-height:var(--line-height-md);
      padding-top:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
    }

    .eHBzmS {
      :;
      display:flex;
      flex-direction:column;
    }

    .example-button-critical\:8bHjVjxrYrZHquUpQEqDB {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .so-button-critical\:root {
      gap:0.5rem;
      color:var(--neutral-0, #0b0a0b);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--critical-10, #EC5A72);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-critical\:root:hover {
      background-color:var(--critical-9, #E54666);
    }

    .so-button-critical\:root:active {
      transition:none;
      background-color:var(--critical-11, #FF949D);
    }

    .so-button-critical\:root:focus-visible {
      outline-color:var(--critical-8);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-critical\:root.disabled {
      opacity:0.5;
      background-color:var(--critical-10, #EC5A72);
    }

    .fqHbau {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:1;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--critical-10, #EC5A72);
    }

    .example-button-critical\:DbXC3fus2nRNprMJjkStV {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-button-critical\:Pj2GVmRkL_5j3aK3cJHyz {
      flex-direction:row;
    }

    .example-button-critical\:b4y6B7abI9VnPFzoHBqhc {
      width:var(--interactive-height-md);
    }

    .example-button-critical\:o8FVuYogUuiQ-KHUN1oVT {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .alert-dialog-close-button\:HrjEXBWv9kXQczbcoUIGF {
      width:var(--line-height-2xl);
      height:var(--line-height-2xl);
    }

    .alert-dialog-title\:root {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
    }

    .so-alert-dialog-content\:root {
      width:100%;
      opacity:0;
      max-width:460px;
      translate:0 20px;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-alert-dialog-content\:root.open {
      opacity:1;
      translate:0 0px;
    }

    .so-alert-dialog-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .so-alert-dialog-content\:root.close-transition {
      transition:all 200ms ease 0ms normal;
    }

    .so-alert-dialog\:1t53tZAvghsv3kYzBxrQN {
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5 {
      opacity:0;
      background-color:var(--overlay-inverted-a9, #000000b3);
    }

    .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5.open {
      opacity:1;
    }

    .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-tabs\:root {
      gap:0.75rem;
      width:100%;
    }

    .bqlEYS {
      top:0px;
      left:0px;
      width:var(--width);
      height:var(--height);
      display:flex;
      position:absolute;
      translate:var(--translate-x) var(--translate-y);
      flex-direction:column;
      pointer-events:none;
    }

    .bqlEYS.hidden {
      transition:none;
    }

    .so-tabs\:JpeIgyzowDbYOhsdse6Ct {
      top:100%;
      height:7px;
      transition:translate 200ms ease 0ms normal, width 200ms ease 0ms normal;
      border-bottom-color:var(--brand-9, #755ed1);
      border-bottom-style:solid;
      border-bottom-width:var(--border-lg);
    }

    .cxJHK {
      flex-direction:row;
    }

    .cxJHK.orientation-vertical {
      flex-direction:column;
    }

    .so-tabs\:fuK3wvU95IoKasUkShFDI {
      gap:0.5rem;
    }

    .VJAUL.hidden {
      display:none;
    }

    .dYXvkz {
      gap:0.25rem;
      height:100px;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 300ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:transparent;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx:hover {
      background-color:var(--overlay-a2, #ffffff1a);
    }

    .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx:active {
      transition:none;
      background-color:var(--overlay-a3, #ffffff26);
    }

    .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx:focus-visible {
      background-color:var(--brand-4, #33255B);
    }

    .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx.trigger-open {
      color:var(--brand-11, #BAA7FF);
    }

    .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx.disabled {
      opacity:0.5;
      background-color:var(--overlay-a1, #ffffff0d);
    }

    .dgtCfx {
      gap:0.5rem;
      color:var(--neutral-0, #0b0a0b);
      width:fit-content;
      cursor:pointer;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 300ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--brand-10, #8a75dd);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .dgtCfx:hover {
      background-color:var(--brand-9, #755ed1);
      text-decoration-color:var(--color-underline-hovered);
    }

    .dgtCfx:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .dgtCfx.pressed {
      transition:none;
      background-color:var(--brand-11, #BAA7FF);
    }

    .dgtCfx.disabled {
      cursor:default;
      opacity:0.5;
      background-color:var(--brand-10, #7D66D9);
    }

    .example-link-button\:J5MZOSGmL9BEk9GcGm-s5 {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .example-link-button\:Pj2GVmRkL_5j3aK3cJHyz {
      flex-direction:row;
    }

    .example-link-button\:_xu0GGO1gqz5heipKTMKh {
      width:var(--interactive-height-md);
    }

    .example-link-button\:kza1QeTLyy3Z1j0CXb5wN {
      flex-wrap:wrap;
      flex-direction:row;
    }

    .dDEgqM {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:fixed;
      transition:opacity 300ms ease 0ms normal;
      pointer-events:none;
      background-color:var(--overlay-inverted-a9, #000000b3);
    }

    .dDEgqM.open {
      opacity:1;
      transition:opacity 300ms ease 0ms normal;
      pointer-events:all;
    }

    .components\:nvJV4BBzGsG-84MTjxf-C {
      z-index:150;
    }

    .ckXlnw {
      color:var(--neutral-11, #B5B2BC);
      font-size:var(--font-size);
      font-family:'Outfit';
      font-weight:inherit;
      line-height:var(--line-height);
      padding-top:0.125rem;
      white-space:normal;
      padding-left:0.5rem;
      letter-spacing:var(--letter-spacing);
      padding-bottom:0.125rem;
      border-left-color:var(--color-border);
      border-left-style:solid;
      border-left-width:3px;
    }

    .ckXlnw.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .ckXlnw.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .example-texts\:8yai9I0Q96HsuslFjIVvl {
      width:100%;
      margin-top:1rem;
    }

    .eiDUpd {
      color:var(--color, inherit);
      width:fit-content;
      font-size:var(--font-size);
      font-family:'PT Mono';
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      border-color:var(--color-border);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.25rem;
      border-radius:var(--rounding-sm);
      padding-right:0.25rem;
      letter-spacing:var(--letter-spacing);
      background-color:var(--color-bg);
    }

    .eiDUpd.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .eiDUpd.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .example-texts\:E2aJqbB3EpRans3WpkjMV {
      width:100%;
    }

    .example-texts\:ROzxUrpgRK9ZMmvHVbLNQ {
      gap:0.5rem;
    }

    .example-texts\:aLaQEFmM4Uq_PIB11BSHU {
      width:100%;
    }

    .example-texts\:fRZaHFFlEQrGAm7cEglF0 {
      width:100%;
    }

    .cVDyAr {
      color:var(--neutral-11, #B5B2BC);
      width:fit-content;
      height:var(--line-height);
      display:inline-flex;
      font-size:var(--font-size);
      align-items:start;
      font-family:'Outfit';
      font-weight:var(--semi);
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:column;
      justify-content:center;
      background-color:var(--neutral-0, #0b0a0b);
      border-top-width:1px;
      border-left-width:1px;
      border-right-width:1px;
      border-bottom-width:3px;
    }

    .DlNSp {
      color:var(--neutral-11);
      font-size:var(--font-size);
      font-style:italic;
      margin-top:var(--margin-top);
      font-family:'Outfit';
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .DlNSp.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .DlNSp.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .example-headings\:ROzxUrpgRK9ZMmvHVbLNQ {
      flex-direction:column;
    }