@layer base {
  
  body, :host {
    /* Color */
    --black-1: #1d1825;
--black-2: #524e56;
--black-3: #635a6c;
--black-4: #8c8297;
--black-5: #bab3c2;
--black-6: #d7ced9;
--black-7: #e3dde4;
--white-1: #ffffff;
--white-2: #f5f4fa;
--white-3: #edf0f5;
--white-4: #ebe4f2;
--white-5: #e8ddf4;
--white-6: #e2d2f3;
--white-7: #e0ccf5;
--brand-1: #824ccd;
--brand-2: #673da1;
--brand-3: #9a76cb;
--brand-8: #ad8dd8;
--brand-4: #b49ed1;
--brand-5: #edcbf1;
--brand-6: #e0daec;
--brand-7: #f4e7f4;
--brand-sec-1: #bbb107;
--brand-sec-2: #ebdf0a;
--brand-sec-3: #ece336;
--brand-sec-4: #e8e169;
--brand-sec-5: #e0da76;
--brand-sec-6: #ddd88d;
--success-1: #86c25b;
--dryft-success-200: #bdc25b;
--unsuccess-1: #fc3003;
--dryft-unsuccess-200: #00a8a8;
--status-0: #71b441;
--status-1: #cbc806;
--status-2: #c3a618;
--status-3: #c36b18;
--status-4: #a31900;
--temp-status-1: #df073d;
--temp-status-2: #df0c8e;
--temp-status-3: #0c76df;
--brand-dark-1: #1d1825;
--brand-dark-2: #3d344c;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-urbanist: 'Urbanist',sans-serif;
--font-specialelite: 'Special Elite',display;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.75rem;
--font-size-base: 0.875rem;
--font-size-base2: 0.925rem;
--font-size-lg: 1rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
--font-size-6xl: 3.25rem;
--font-size-7xl: 3.5rem;
--font-size-8xl: 4rem;
--font-size-std: 0.825rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* 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 */
    --6xs: 0.125rem;
--5xs: 0.175rem;
--4xs: 0.25rem;
--3xs: 0.4rem;
--2xs: 0.6rem;
--xs: .75rem;
--sm: .875rem;
--sm-base: 0.925rem;
--base: 1rem;
--lg: 1.15rem;
--xl: 1.25rem;
--2xl: 1.5rem;
--3xl: 1.75rem;
--4xl: 2rem;
--5xl: 2.5rem;
--6xl: 3rem;
--toggle-height-md: 1.3rem;
--2_5xs: 0.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;
    }
  }
}


    .qkHOM {
      gap:var(--4xl);
      color:var(--text-color, #292929);
      width:100%;
      height:100%;
      opacity:0.98;
      font-size:var(--font-size-base);
      background:linear-gradient(200deg, var(--bg-color-1), var(--bg-color-2));
      font-family:'Urbanist';
      padding-top:var(--2xl);
      padding-left:var(--2xl);
      padding-right:var(--2xl);
      flex-direction:row;
      padding-bottom:var(--2xl);
    }

    .ffptol {
      color:inherit;
      display:inline-block;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
    }

    .fvpiIg {
      color:inherit;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
    }

    .dNPKrC {
      gap:20px;
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .wire\:-jS3ENxPokrjMRZTCCOwx {
      align-items:end;
      justify-content:start;
    }

    .edNvDa {
      gap:var(--2xs);
      font-family:inherit;
      flex-direction:row;
    }

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

    .buEsoH {
      gap:var(--lg);
      flex:1;
      color:inherit;
      align-items:center;
      font-family:inherit;
      justify-content:space-between;
    }

    .gigjL {
      flex:1.5;
      height:100%;
      min-width:100px;
      align-items:end;
      font-family:inherit;
      padding-right:var(--3xs);
      justify-content:center;
      background-color:inherit;
    }

    .cKGLwr {
      width:20px;
      cursor:pointer;
      height:20px;
    }

    .cKGLwr:hover {
      color:var(--brand-1, #824ccd);
    }

    .ctzNaV {
      width:76px;
      height:31px;
      align-items:center;
      justify-content:center;
    }

    .dprfwx {
      color:inherit;
      height:100%;
      font-family:inherit;
    }

    .byuYUT {
      flex:1;
      align-items:start;
      font-family:inherit;
      justify-content:center;
    }

    .ahmEM {
      color:inherit;
      font-size:var(--font-size-4xl);
      font-family:inherit;
      font-weight:var(--font-weight-light);
    }

    .clfNFB {
      color:inherit;
      height:60px;
      align-items:center;
      font-family:inherit;
      justify-content:center;
    }

    .cKcXBG {
      color:inherit;
      height:64px;
      font-size:var(--font-size-base);
      font-family:inherit;
      padding-top:var(--4xs);
      padding-left:var(--base);
      padding-right:var(--base);
      padding-bottom:var(--4xs);
      background-color:inherit;
      border-bottom-color:var(--separator-color, #d7ced9);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dwDbHG {
      color:inherit;
      height:60px;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .ezkaKq {
      color:var(--success-1, #86c25b);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .bOmNuX {
      gap:var(--3xs);
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      flex-direction:row;
      justify-content:start;
    }

    .wire\:6FdRgZ5OYWQCORI5DFOjx {
      align-items:end;
      justify-content:start;
    }

    .bzmXKd {
      flex:1;
      font-family:inherit;
      padding-top:var(--xl);
      padding-left:var(--2xl);
      padding-right:var(--2xl);
      padding-bottom:var(--xl);
    }

    .dfAWjZ {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .eHUTOr {
      color:inherit;
      font-size:var(--font-size-2xl);
      font-family:inherit;
      font-weight:var(--font-weight-bold);
    }

    .cYOGhC {
      color:inherit;
      font-family:inherit;
      border-radius:12px;
    }

    .bvwaaZ {
      width:max-content;
      height:max-content;
      z-index:10;
      position:absolute;
      min-width:100px;
      box-shadow:1px 4px 8px 0px #00000044;
      min-height:60px;
      overflow-y:auto;
      border-radius:12px;
      backdrop-filter:blur(28px);
      -webkit-backdrop-filter:blur(28px);
    }

    .XTENd {
      color:inherit;
      width:max-content;
      cursor:pointer;
      height:max-content;
      font-family:inherit;
      background-color:inherit;
    }

    .wire\:7RfOsgFfJI5cU6b8sOGpp {
      align-items:end;
      justify-content:start;
    }

    .YvHpk {
      gap:var(--lg);
      color:inherit;
      width:100px;
      font-family:inherit;
    }

    .eLHngz {
      flex:3;
      color:inherit;
      height:100%;
      background:linear-gradient(200deg, var(--background-color-1), var(--background-color-2));
      overflow-x:auto;
      overflow-y:auto;
      flex-shrink:4;
      font-family:inherit;
      border-radius:18px;
      outline-color:var(--outline-color, #f5f4fa);
      outline-style:solid;
      outline-width:var(--outline-width);
    }

    .dpXakm {
      width:100%;
      height:26px;
      font-size:var(--font-size-base2);
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      padding-top:var(--3xs);
      flex-direction:row;
      justify-content:space-between;
    }

    .dlteJf {
      gap:var(--2xs);
      color:inherit;
      font-family:inherit;
    }

    .bcLzol {
      gap:var(--3xs);
      flex:1;
      align-items:start;
      font-family:inherit;
      padding-top:var(--4xs);
      padding-left:var(--4xs);
      border-radius:8px;
      padding-right:var(--4xs);
      flex-direction:row;
      padding-bottom:var(--4xs);
      justify-content:end;
      background-color:inherit;
    }

    .cirmDB {
      top:0px;
      height:40px;
      z-index:3;
      position:sticky;
      font-size:var(--font-size-base);
      font-family:inherit;
      padding-left:var(--base);
      padding-right:var(--base);
      background-color:var(--background-color, #e0ccf5);
      border-top-left-radius:18px;
      border-top-right-radius:18px;
    }

    .dJZtsg {
      cursor:pointer;
    }

    .dJZtsg:hover {
      color:var(--brand-1, #824ccd);
    }

    .dHGyKO {
      width:36px;
      height:36px;
    }

    .dHGyKO:hover {
      color:var(--brand-2, #673da1);
      cursor:pointer;
    }

    .craVbU {
      gap:var(--sm);
      width:100%;
      height:26px;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .cqTiMD {
      flex:1;
      color:inherit;
      align-items:start;
      font-family:inherit;
      justify-content:center;
    }

    .dAymHK {
      gap:var(--sm);
      flex:1;
      color:var(--text-color, #635a6c);
      height:100%;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .bLkvns {
      gap:var(--xl);
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .wire\:D1zriLmnDTnEcNTodCyJA {
      align-items:end;
      justify-content:start;
    }

    .bowHQV {
      gap:var(--sm);
      color:inherit;
      height:26px;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .dgdqgN {
      flex:1.5;
      color:inherit;
      height:100%;
      display:flex;
      min-width:100px;
      align-items:end;
      font-family:inherit;
      font-weight:inherit;
      padding-right:var(--3xs);
      flex-direction:column;
      justify-content:center;
      border-right-color:var(--separator-color, #f5f4fa);
      border-right-style:solid;
      border-right-width:1px;
    }

    .dgTrQu {
      gap:var(--4xs);
      flex:3.5;
      height:100%;
      min-width:200px;
      align-items:start;
      font-family:inherit;
      padding-right:var(--3xs);
      justify-content:center;
      background-color:inherit;
    }

    .cToupP {
      align-items:start;
      font-family:inherit;
      justify-content:center;
    }

    .emIDvt {
      width:46px;
      height:46px;
      align-items:center;
      font-family:inherit;
      border-radius:99px;
      justify-content:center;
      background-color:var(--black-7, #e3dde4);
    }

    .bOzxmb {
      flex:1;
      align-items:end;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .dJGiIh {
      flex:1;
      color:inherit;
      align-items:end;
      font-family:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .biivmo {
      flex:0.65;
      font-family:inherit;
    }

    .dcxEbb {
      gap:var(--sm);
      flex:1;
      color:inherit;
      height:100%;
      font-family:inherit;
    }

    .wire\:INcUbkv4qWs6ngbDAiALu {
      color:inherit;
    }

    .rSTc {
      color:inherit;
      width:46px;
      cursor:pointer;
      height:46px;
      align-items:center;
      font-family:inherit;
      border-radius:99px;
      flex-direction:row;
      justify-content:center;
      background-color:var(--option-bg-color, #f5f4fa);
    }

    .rSTc:hover {
      color:var(--selected-color, #824ccd);
    }

    .eBHmaV {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .dFYxun {
      flex:0.65;
      font-family:inherit;
      flex-direction:row;
    }

    .aJEHj {
      gap:var(--xl);
      flex:1;
      color:inherit;
      background:linear-gradient(280deg, var(--background-color-1), var(--background-color-2));
      flex-shrink:1;
      font-family:inherit;
      padding-top:var(--lg);
      padding-left:var(--lg);
      border-radius:18px;
      outline-color:var(--outline-color, #f5f4fa);
      outline-style:solid;
      outline-width:var(--outline-width);
      padding-right:var(--lg);
      padding-bottom:var(--lg);
    }

    .eZHROY {
      gap:var(--2xs);
      color:inherit;
      font-family:inherit;
      flex-direction:row;
    }

    .fHasui {
      flex:2;
      color:inherit;
      height:100%;
      display:flex;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      padding-right:var(--3xs);
      flex-direction:column;
      justify-content:center;
      border-right-color:var(--separator-color, #f5f4fa);
      border-right-style:solid;
      border-right-width:1px;
    }

    .bQcxpq {
      flex:1;
      font-family:inherit;
      padding-top:var(--xl);
      padding-left:var(--2xl);
      padding-right:var(--2xl);
      padding-bottom:var(--xl);
      border-right-color:var(--separator-color, #f5f4fa);
      border-right-style:solid;
      border-right-width:2px;
    }

    .eKwmh {
      gap:var(--4xs);
      flex:2;
      height:100%;
      align-items:start;
      font-family:inherit;
      border-radius:12px;
      justify-content:center;
      background-color:inherit;
    }

    .bOIzYR {
      color:inherit;
      width:100%;
      row-gap:var(--gap);
      column-gap:var(--gap);
      align-items:center;
      font-family:inherit;
      justify-content:start;
    }

    .rHASn {
      color:inherit;
      width:var(--size);
      cursor:pointer;
      height:var(--size);
      align-items:center;
      font-family:inherit;
      border-color:var(--white-5);
      border-style:solid;
      border-width:1px;
      border-radius:99px;
      justify-content:center;
      background-color:var(--option-bg-color, #f5f4fa);
    }

    .rHASn.selected {
      color:var(--selected-color, #edf0f5);
      box-shadow:1px 0.5px 5px 0px var(--black-4, #8c8297);
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
      background-color:var(--selected-bg-color, #edf0f5);
    }

    .rHASn:hover {
      color:var(--hover-color, #824ccd);
    }

    .dFuEZm {
      font-size:var(--label-size);
      font-family:inherit;
      font-weight:inherit;
    }

    .bGetHR {
      color:inherit;
      height:64px;
      font-size:var(--font-size-base);
      font-family:inherit;
      padding-top:var(--4xs);
      padding-bottom:var(--4xs);
      background-color:inherit;
      border-bottom-color:var(--separator-color, #d7ced9);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .fpiizT {
      gap:var(--sm);
      color:inherit;
      height:100%;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .bOgknN {
      font-size:var(--font-size-base);
      font-family:inherit;
      font-weight:inherit;
    }

    .poZzr {
      color:var(--black-1, #292929);
      height:60px;
      position:relative;
      font-size:var(--font-size-base);
      font-family:inherit;
      padding-top:var(--2xs);
      padding-left:var(--base);
      padding-right:var(--base);
      padding-bottom:var(--2xs);
      background-color:inherit;
      border-bottom-color:var(--separator-color, #d7ced9);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bKEiKM {
      color:var(--unsuccess-1, #fc3003);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .dGLXUO {
      width:22px;
      height:22px;
    }

    .bNrtTS {
      flex:0.65;
      color:inherit;
      font-family:inherit;
    }

    .csOfKU {
      flex:2;
      height:100%;
      align-items:start;
      font-family:inherit;
      border-radius:12px;
      justify-content:center;
      background-color:inherit;
    }

    .fiTTjB {
      width:22px;
      height:22px;
    }

    .fiTTjB:hover {
      color:var(--brand-2, #673da1);
    }

    .dRYVzl {
      gap:var(--base);
      color:inherit;
      height:100%;
      font-family:inherit;
      flex-direction:column;
    }

    .eKnUes {
      gap:var(--sm);
      height:80px;
      font-family:inherit;
      flex-direction:row;
    }

    .dmknPq {
      color:inherit;
      align-items:start;
      font-family:inherit;
      padding-top:var(--2xs);
      padding-left:var(--base);
      padding-right:var(--base);
      padding-bottom:var(--2xs);
      justify-content:center;
      background-color:inherit;
    }

    .dmknPq:hover {
      color:inherit;
      cursor:pointer;
      display:flex;
      font-family:inherit;
      flex-direction:column;
      background-color:inherit;
      border-bottom-color:var(--brand-1, #824ccd);
      border-bottom-style:solid;
      border-bottom-width:2px;
      text-decoration-line:;
    }

    .dmknPq.selected {
      color:var(--white-1, #ffffff);
      border-radius:24px;
      background-color:var(--brand-1, #824ccd);
    }

    .dmknPq.selected:hover {
      background-color:var(--brand-3, #9a76cb);
    }

    .pOCaW {
      height:100%;
      font-family:inherit;
      flex-direction:column;
    }

    .dQExcL {
      font-size:var(--font-size-lg);
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .dECnck {
      gap:var(--xl);
      font-family:inherit;
    }

    .frpOQA {
      flex:1;
      height:100%;
      align-items:end;
      font-family:inherit;
      border-radius:12px;
      justify-content:center;
      background-color:inherit;
    }

    .ciDeDZ {
      width:100%;
      height:100%;
      border-radius:99px;
    }

    .ezfykn {
      gap:var(--3xs);
      flex:1;
      color:inherit;
      height:100%;
      align-items:center;
      font-family:inherit;
      padding-top:var(--4xs);
      padding-left:var(--4xs);
      border-radius:8px;
      padding-right:var(--4xs);
      flex-direction:row;
      padding-bottom:var(--4xs);
      justify-content:end;
      background-color:inherit;
    }

    .bqkOSd {
      width:33.75px;
      cursor:pointer;
      height:33.75px;
      align-items:center;
      padding-top:var(--3xs);
      border-color:#979499;
      border-style:solid;
      border-width:2.25px;
      border-radius:99px;
      padding-bottom:var(--3xs);
      justify-content:center;
    }

    .bqkOSd:hover {
      color:inherit;
      border-color:var(--brand-4, #b49ed1);
      border-style:solid;
      border-width:2.25px;
    }

    .ttvwr {
      gap:var(--4xs);
      color:inherit;
      align-items:center;
      font-family:inherit;
      padding-top:var(--4xs);
      flex-direction:row;
      justify-content:start;
    }

    .fkMCzf {
      font-size:var(--font-size-base2);
      font-family:inherit;
      font-weight:inherit;
    }

    .dAAUhy {
      color:var(--brand-sec-1, #bbb107);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .faFzhg {
      flex:1;
      color:inherit;
      font-family:inherit;
      padding-top:var(--xl);
      padding-left:var(--2xl);
      padding-right:var(--2xl);
      padding-bottom:var(--xl);
      border-right-color:var(--separator-color, #f5f4fa);
      border-right-style:solid;
      border-right-width:2px;
    }

    .fcQKkN {
      flex:3.5;
      color:inherit;
      height:100%;
      display:flex;
      min-width:200px;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      padding-right:var(--3xs);
      flex-direction:column;
      justify-content:center;
      border-right-color:var(--separator-color, #f5f4fa);
      border-right-style:solid;
      border-right-width:1px;
    }

    .bsGsmN {
      gap:var(--sm);
      height:26px;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .fpAOjL {
      width:56px;
      cursor:pointer;
      height:56px;
      align-items:center;
      font-family:inherit;
      border-radius:99px;
      justify-content:center;
      background-color:var(--option-bg-color, #f5f4fa);
    }

    .fpAOjL.selected {
      color:var(--black-1, #292929);
      box-shadow:1px 0.5px 5px 0px var(--black-4, #8c8297);
      background-color:var(--white-1, #ffffff);
    }

    .fpAOjL:hover {
      color:var(--brand-1, #824ccd);
    }

    .wire\:gVTPHpXvU__ZyO6M7HeGI {
      align-items:end;
      justify-content:start;
    }

    .cPNrcR {
      color:inherit;
      width:100%;
      height:120px;
      background:linear-gradient(100deg, var(--background-color-1), var(--background-color-2));
      align-items:;
      font-family:inherit;
      border-radius:18px;
      outline-color:var(--outline-color, #f5f4fa);
      outline-style:solid;
      outline-width:2px;
      flex-direction:row;
      justify-content:;
    }

    .xOuAl {
      flex:1.5;
      color:inherit;
      height:100%;
      display:flex;
      min-width:100px;
      align-items:end;
      font-family:inherit;
      font-weight:inherit;
      padding-right:var(--3xs);
      flex-direction:column;
      justify-content:center;
    }

    .boTMRW {
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .fxZMlF {
      flex:1;
      color:var(--text-color, #292929);
      height:60px;
      position:relative;
      font-size:var(--font-size-base);
      font-family:inherit;
      padding-top:var(--2xs);
      padding-bottom:var(--2xs);
      background-color:inherit;
    }

    .bMaEEp {
      gap:var(--base);
      flex:1;
      color:inherit;
      width:100%;
      flex-shrink:1.5;
      font-family:inherit;
      flex-direction:row;
    }

    .bwdCqW {
      flex:1;
      color:inherit;
      height:100%;
      display:flex;
      align-items:end;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .bXPqyS {
      gap:var(--base);
      color:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      flex-direction:row;
      justify-content:start;
    }

    .elnnmA {
      gap:var(--sm);
      color:inherit;
      align-items:start;
      font-family:inherit;
      flex-direction:row;
      justify-content:end;
    }

    .dzQduw {
      position:relative;
      border-radius:12px;
    }

    .bnvsjE {
      gap:var(--base);
      color:var(--text-color, #292929);
      align-items:center;
      font-family:inherit;
      border-color:var(--black-5);
      border-style:solid;
      border-width:2px;
      padding-left:var(--padding);
      padding-right:var(--padding);
      flex-direction:row;
      justify-content:start;
      border-top-left-radius:24px;
      border-top-right-radius:24px;
      border-bottom-left-radius:24px;
      border-bottom-right-radius:24px;
    }

    .bnvsjE:hover {
      color:var(--text-color, #f5f4fa);
      border-color:var(--brand-2, #673da1);
      border-style:solid;
      border-width:2px;
    }

    .cIyfu {
      width:10px;
      height:10px;
      rotate:z 45deg;
      display:flex;
      translate:0px -4px;
      flex-direction:column;
      background-color:var(--white-1, #ffffff);
      border-right-color:var(--brand-1, #824ccd);
      border-right-style:solid;
      border-right-width:2px;
      border-bottom-color:var(--brand-1, #824ccd);
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    .cZkocB {
      color:inherit;
      width:26px;
      height:26px;
      align-items:start;
      font-family:inherit;
      padding-top:var(--6xs);
      padding-left:var(--6xs);
      padding-right:var(--6xs);
      padding-bottom:var(--6xs);
      justify-content:center;
    }

    .eTrnVm {
      color:var(--text-color, #f5f4fa);
      width:max-content;
      cursor:pointer;
      align-items:start;
      outline-color:var(--black-5, #bab3c2);
      outline-style:none;
      outline-width:2px;
      justify-content:center;
      background-color:inherit;
    }

    .eTrnVm:hover {
      color:var(--brand-1, #824ccd);
    }

    .eTrnVm:focus {
      color:var(--white-1, #ffffff);
      border-radius:4px;
      outline-color:var(--white-1, #ffffff);
      outline-style:solid;
      outline-width:2px;
      background-color:var(--brand-1, #824ccd);
    }

    .so-tooltip\:root {
      opacity:1;
      box-shadow:;
    }

    .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-tooltip\:Quw7nR6hflO7rsq8M8Qbn {
      color:var(--black-2, #3d3a40);
      scale:0.5;
      width:max-content;
      opacity:1;
      padding-top:var(--5xs);
      border-color:var(--brand-2, #673da1);
      border-style:solid;
      border-width:2px;
      padding-left:var(--5xs);
      border-radius:4px;
      padding-right:var(--5xs);
      padding-bottom:var(--5xs);
      background-color:var(--white-5, #e8ddf4);
    }

    .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;
    }

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

    .fufMlI {
      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);
    }

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

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

    .so-tooltip\:nS2agTda5a9VQBvH6ZX2e {
      opacity:1;
      box-shadow:;
    }

    .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;
    }

    .so-tooltip\:p8ZD1pweaxOXqiYD4k3cz {
      opacity:1;
      box-shadow:;
      background-color:var(--white-5, #e8ddf4);
    }

    .df-icon-button\:CldX9lF6iORfs4BrGLuOy {
      font-family:'Urbanist';
    }

    .biyxFa {
      color:inherit;
      font-family:inherit;
    }

    .df-icon-button\:UEuEIwM-hyoElh4Sz2XVj {
      font-family:'Urbanist';
    }

    .df-input\:6LO0k3_SU6p_SyjlvfibL {
      color:var(--black-4);
      width:24px;
      height:24px;
      font-family:inherit;
      background-color:inherit;
    }

    .elIaBX {
      flex:1;
      height:34px;
      min-width:100px;
      align-items:start;
      font-family:inherit;
      justify-content:center;
    }

    .bNUDJN {
      color:inherit;
      width:22px;
      height:22px;
      row-gap:var(--5xs);
      column-gap:var(--5xs);
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .bNTDLc {
      font-size:var(--font-size-sm);
      box-shadow:1px 1px 2px 0px #00000044;
      align-items:center;
      font-family:inherit;
      padding-top:var(--4xs);
      border-color:var(--brand-1, #824ccd);
      border-style:solid;
      border-width:2px;
      padding-left:var(--4xs);
      border-radius:6px;
      padding-right:var(--4xs);
      padding-bottom:var(--4xs);
      justify-content:center;
      background-color:var(--white-1, #ffffff);
    }

    .eDOKez {
      width:22px;
      height:22px;
      align-items:start;
      justify-content:center;
    }

    .lmAiZ {
      font-family:inherit;
      padding-top:var(--6xs);
      padding-left:var(--6xs);
      padding-right:var(--6xs);
      padding-bottom:var(--6xs);
    }

    .dXXWeB {
      color:var(--black-3, #635a6c);
      width:fit-content;
      cursor:pointer;
      padding-top:var(--4xs);
      padding-left:var(--4xs);
      border-radius:99px;
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:2px;
      padding-right:var(--4xs);
      padding-bottom:var(--4xs);
      background-color:var(--black-7, #e3dde4);
    }

    .dXXWeB:hover {
      color:var(--white-1, #ffffff);
      outline-color:var(--outline-color-hl);
      outline-style:solid;
      outline-width:1px;
      background-color:var(--brand-1, #824ccd);
    }

    .dXXWeB:focus {
      color:var(--white-1, #ffffff);
      outline-color:var(--white-1, #ffffff);
      outline-style:solid;
      outline-width:2px;
      background-color:var(--brand-1, #824ccd);
    }

    .dXXWeB.unstyled {
      background:inherit;
      outline-color:#ffffff00;
      outline-style:solid;
      outline-width:2px;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .dXXWeB.unstyled:hover {
      color:var(--black-1);
      background:var(--black-7);
      outline-color:var(--outline-color-us-hover);
      outline-style:solid;
      outline-width:2px;
      border-top-left-radius:99px;
      border-top-right-radius:99px;
      border-bottom-left-radius:99px;
      border-bottom-right-radius:99px;
    }

    .dXXWeB.unstyled:focus {
      color:var(--white-2);
      background:var(--brand-1);
      outline-color:var(--white-5);
      outline-style:solid;
      outline-width:2px;
      border-top-left-radius:99px;
      border-top-right-radius:99px;
      border-bottom-left-radius:99px;
      border-bottom-right-radius:99px;
    }

    .dXXWeB.unstyled-selected {
      color:var(--white-1);
      background:var(--brand-1);
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
      outline-color:var(--white-1);
      outline-style:solid;
      outline-width:3.5px;
      border-top-left-radius:99px;
      border-top-right-radius:99px;
      border-bottom-left-radius:99px;
      border-bottom-right-radius:99px;
    }

    .df-toolbar-button\:CldX9lF6iORfs4BrGLuOy {
      font-family:'Urbanist';
    }

    .df-toolbar-button\:UEuEIwM-hyoElh4Sz2XVj {
      font-family:'Urbanist';
    }

    .emSJKR {
      width:1.15rem;
      cursor:pointer;
      height:1.15rem;
      z-index:12;
    }

    .wire\:nlniNG_CHRLE1JU_g5nEF {
      width:min-content;
      cursor:pointer;
      height:33.75px;
      align-items:center;
      border-color:#979499;
      border-style:solid;
      border-width:2px;
      border-radius:24px;
      justify-content:center;
    }

    .cgQnEp {
      flex:1;
      color:inherit;
      height:100%;
      align-items:center;
      font-family:inherit;
      padding-top:var(--4xs);
      padding-left:var(--4xs);
      border-radius:8px;
      padding-right:var(--4xs);
      flex-direction:row;
      padding-bottom:var(--4xs);
      justify-content:end;
      background-color:inherit;
    }

    .cXbmRg {
      overflow-x:auto;
      font-family:inherit;
      padding-left:var(--2xs);
      border-radius:12px;
      padding-right:var(--2xs);
      padding-bottom:var(--5xs);
    }

    .dXJlR {
      gap:var(--4xs);
      font-family:inherit;
    }

    .bmjeWo {
      color:var(--label-color);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .dCnxAC {
      gap:var(--xs);
      height:max-content;
      font-size:inherit;
      font-family:inherit;
    }

    .vhoeq {
      color:var(--text-color);
      width:100%;
      height:34px;
      background: var(--background-color);
      align-items:center;
      font-family:inherit;
      padding-top:var(--5xs);
      border-color:var(--black-6);
      border-style:solid;
      border-width:1px;
      padding-left:var(--5xs);
      border-radius:8px;
      padding-right:var(--5xs);
      flex-direction:row;
      padding-bottom:var(--5xs);
      justify-content:space-between;
    }

    .vhoeq.focussed {
      align-items:center;
      font-family:inherit;
      outline-color:var(--brand-1, #824ccd);
      outline-style:solid;
      outline-width:1px;
      flex-direction:row;
      justify-content:start;
    }

    .ddLAuc {
      color:inherit;
      width:100%;
      height:100%;
      font-family:inherit;
      padding-left:2px;
      border-radius:6px;
      padding-right:2px;
      background-color:inherit;
    }

    .ddLAuc.readonly {
      background:var(--white-4);
    }

    .bIOLlU {
      font-size:inherit;
      font-family:inherit;
    }

    .fgbcrt {
      font-size:var(--font-size-3xl);
      font-family:inherit;
      font-weight:inherit;
    }

    .enpexx {
      height:max-content;
      font-size:inherit;
      font-family:inherit;
    }

    .cAkEhc {
      font-family:inherit;
    }

    .ctGaNN {
      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);
    }

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

    .df-button\:VnG7rEDVcRqe3FMMitXLL {
      gap:0.25rem;
      color:var(--white-1, #ffffff);
      width:100%;
      cursor:default;
      height:var(--4xl);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Urbanist';
      font-weight:var(--font-weight-semi-bold);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--3xs);
      outline-style:solid;
      outline-width:var(--5xs);
      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-1, #824ccd);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .df-button\:VnG7rEDVcRqe3FMMitXLL:hover {
      background-color:var(--brand-3, #9a76cb);
    }

    .df-button\:VnG7rEDVcRqe3FMMitXLL:active {
      transition:none;
      background-color:var(--brand-2, #673da1);
    }

    .df-button\:VnG7rEDVcRqe3FMMitXLL:focus-visible {
      outline-color:var(--black-1, #292929);
      outline-style:solid;
      outline-width:2px;
      outline-offset:var(--border-md);
    }

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

    .df-button\:YtyAJQvdqDUwWE0iv8qPl {
      gap:0.25rem;
      color:var(--white-1, #ffffff);
      width:100%;
      cursor:default;
      height:var(--4xl);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Urbanist';
      font-weight:var(--font-weight-semi-bold);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--3xs);
      outline-style:solid;
      outline-width:var(--5xs);
      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-1, #824ccd);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .df-button\:YtyAJQvdqDUwWE0iv8qPl:hover {
      background-color:var(--brand-3, #9a76cb);
    }

    .df-button\:YtyAJQvdqDUwWE0iv8qPl:active {
      transition:none;
      background-color:var(--brand-2, #673da1);
    }

    .df-button\:YtyAJQvdqDUwWE0iv8qPl:focus-visible {
      outline-color:var(--black-1, #292929);
      outline-style:solid;
      outline-width:2px;
      outline-offset:var(--border-md);
    }

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

    .df-button\:gG_nGDAuQ5vaCWv42at1R {
      font-family:'Urbanist';
    }

    .fEnLrd {
      width:var(--min-width);
      font-family:inherit;
    }

    .bJXbNn {
      display:flex;
      flex-grow:1;
      font-size:inherit;
      flex-basis:0px;
      flex-shrink:1;
      font-family:inherit;
    }

    .bwyZZj {
      color:var(--text-color);
      width:100%;
      height:100%;
      background: var(--background-color);
      align-items:center;
      font-family:inherit;
      padding-top:var(--5xs);
      border-color:var(--black-6);
      border-style:solid;
      border-width:1px;
      padding-left:var(--5xs);
      border-radius:8px;
      padding-right:var(--5xs);
      flex-direction:row;
      padding-bottom:var(--5xs);
      justify-content:space-between;
    }

    .bwyZZj.focussed {
      color:inherit;
      align-items:center;
      font-family:inherit;
      outline-color:var(--brand-1, #824ccd);
      outline-style:solid;
      outline-width:1px;
      flex-direction:row;
      justify-content:start;
    }

    .dzLNYD {
      color:inherit;
      width:100%;
      height:100%;
      font-family:inherit;
      padding-top:2px;
      padding-left:2px;
      border-radius:6px;
      padding-right:2px;
      padding-bottom:2px;
    }

    .form-contact\:Wjt8ORIrX5ac29i-yjdRL {
      height:100px;
    }

    .cBWTTg {
      cursor:pointer;
    }

    .cBWTTg:hover {
      color:var(--hover-color);
    }

    .eheVLf {
      font-size:var(--font-size-base2);
      font-family:inherit;
      font-weight:var(--font-weight-bolder);
    }

    .form-contact\:o5AiHMK1fFCEEG3i5kmUL {
      height:100px;
    }

    .fTlkM {
      gap:var(--xl);
      padding-top:var(--5xl);
      flex-direction:row;
    }

    .eHFEug {
      top:0px;
      display:flex;
      z-index:16;
      position:sticky;
      background:linear-gradient(to right, var(--background-color-1), var(--background-color-2));
      align-items:start;
      font-family:inherit;
      flex-direction:row;
      padding-bottom:var(--xl);
      justify-content:space-between;
    }

    .iqQCE {
      gap:var(--xs);
      font-size:inherit;
      font-family:inherit;
      padding-left:var(--5xs);
      padding-right:var(--5xs);
    }

    .XNItH {
      gap:var(--sm);
      font-size:inherit;
      font-family:inherit;
      flex-direction:row;
    }

    .wire\:p5k647DxkWDz4krYsI1Ns {
      width:500px;
      height:460px;
      border-radius:12px;
    }

    .dbDxCa {
      width:20px;
      cursor:pointer;
      height:20px;
      align-items:start;
      justify-content:center;
    }

    .dbDxCa:hover {
      color:var(--brand-1, #824ccd);
    }

    .fHIlfZ {
      gap:var(--2xl);
      color:inherit;
      height:100%;
      align-items:center;
      font-family:inherit;
      flex-direction:row;
      justify-content:start;
    }

    .fyFAGS {
      width:36px;
      height:36px;
      align-items:start;
      justify-content:start;
    }

    .fyFAGS:hover {
      color:var(--brand-2, #673da1);
      cursor:pointer;
    }

    .cRKaoh {
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .wire\:sBXdVv9d5b2ICylCCNUAD {
      align-items:end;
      justify-content:start;
    }

    .ePPLiH {
      gap:var(--4xs);
      align-items:start;
      font-family:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .dJqiGk {
      gap:var(--3xs);
      flex-direction:row;
    }

    .wire\:uhopGWk1vQzgFhFGiYy4Y {
      border-radius:12px;
    }

    .eZwXTf {
      gap:var(--base);
      flex:1;
      color:inherit;
      width:100%;
      font-family:inherit;
    }

    .wire\:xYhyI_zyVkXJ_hZ7px5RH {
      align-items:end;
      justify-content:start;
    }