
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --dark-color-primary-50: #133D57;
--dark-color-primary-100: #15527A;
--dark-color-primary-200: #135D8A;
--dark-color-primary-300: #126DA6;
--dark-color-primary-400: #1689CC;
--dark-color-primary-500: #119EE2;
--dark-color-primary-600: #27BAFD;
--dark-color-primary-700: #69D0FF;
--dark-color-primary-800: #A6E3FF;
--dark-color-primary-900: #CBEFFF;
--dark-color-primary-950: #E8FDFF;
--light-color-primary-50: #F0F9FF;
--light-color-primary-100: #E0F2FE;
--light-color-primary-200: #BAE6FD;
--light-color-primary-300: #7DD3FC;
--light-color-primary-400: #38BDF8;
--light-color-primary-500: #0EA5E9;
--light-color-primary-600: #0284C7;
--light-color-primary-700: #0369A1;
--light-color-primary-800: #075985;
--light-color-primary-900: #0C4A6E;
--light-color-primary-950: #0B3249;
--dark-blackwhite-0: #1A1A1E;
--dark-blackwhite-1000: #FFFFFF;
--light-blackwhite-0: #ffffff;
--light-blackwhite-1000: #000000;
--dark-color-grey-50: #242428;
--dark-color-grey-100: #2C2C31;
--dark-color-grey-200: #36363B;
--dark-color-grey-300: #43434A;
--dark-color-grey-400: #56565F;
--dark-color-grey-500: #6C6C74;
--dark-color-grey-600: #8E8E9A;
--dark-color-grey-700: #B6B6BE;
--dark-color-grey-800: #D3D3D9;
--dark-color-grey-900: #E8E8EC;
--dark-color-grey-950: #F2F2F2;
--light-color-grey-50: #F9F9F9;
--light-color-grey-100: #F4F4F5;
--light-color-grey-200: #E4E4E7;
--light-color-grey-300: #D4D4D8;
--light-color-grey-400: #A1A1AA;
--light-color-grey-500: #71717A;
--light-color-grey-600: #52525B;
--light-color-grey-700: #3F3F46;
--light-color-grey-800: #27272A;
--light-color-grey-900: #18181B;
--light-color-grey-950: #131316;
    /* Fonts */
    --font-inter: 'Inter',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* 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 */
    
    /* 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;
    }
  }
}


    .eBzlwD {
      width:100%;
      height:100%;
      max-height:100vh;
      font-family:'Rubik';
      padding-right:20px;
      padding-bottom:20px;
      background-color:var(--page-bg-color, #13141A);
    }

    @media (max-width: 922px) {

    .eBzlwD {
      padding-top:20px;
      padding-left:20px;
    }
    }

    @media (max-width: 628px) {

    .eBzlwD {
      padding-top:20px;
      padding-left:10px;
      padding-right:10px;
    }
    }

    .MKlUH {
      left:0px;
      width:100%;
      bottom:0px;
      height:84px;
      z-index:8000;
      position:sticky;
      align-items:center;
      padding-top:16px;
      flex-direction:column;
      justify-content:start;
      background-color:var(--mobile-bg-page-color, #f6f6f6);
    }

    @media (min-width: 922px) {

    .MKlUH {
      display:none;
    }
    }

    .fHdIhY {
      color:var(--menu-item-icon-color, #8E8E9A);
      width:40px;
      cursor:pointer;
      height:40px;
      transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal, border-color 300ms ease 0ms normal;
      align-items:center;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      border-radius:50%;
      justify-content:center;
      background-color:transparent;
    }

    .fHdIhY:hover {
      color:var(--menu-item-accent-color, #27BAFD);
      border-color:var(--menu-item-border-color, #DBDFE9);
      border-style:solid;
      border-width:1px;
      background-color:var(--menu-item-bg-color, #1F212A);
    }

    .fnPZHT {
      width:100%;
      align-items:center;
      padding-left:32px;
      padding-right:32px;
      flex-direction:row;
      justify-content:space-between;
    }

    .bodWyD {
      color:var(--menu-item-icon-color, #8E8E9A);
      width:40px;
      cursor:pointer;
      height:40px;
      transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal, border-color 300ms ease 0ms normal;
      align-items:center;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      border-radius:50%;
      justify-content:center;
      background-color:transparent;
    }

    .bodWyD:hover {
      color:var(--menu-item-accent-color, #27BAFD);
    }

    .bVnBFf {
      font-family:inherit;
      font-weight:var(--font-weight-light);
    }

    .bVnBFf:hover {
      text-decoration-line: underline;
    }

    .eHSxHR {
      flex:1;
      color:var(--dark-color-grey-900, #E8E8EC);
      overflow-y:auto;
      padding-top:1.5rem;
      border-color:var(--main-border-color, #DBDFE9);
      border-style:solid;
      border-width:1px;
      padding-left:1.5rem;
      border-radius:12px;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      background-color:var(--main-bg-color, #ffffff);
    }

    .donrgg {
      color:var(--text-color, #E8E8EC);
      width:200px;
      height:100%;
      align-items:start;
      font-family:'Inter';
      padding-top:1.5rem;
      justify-content:start;
    }

    .fAkLYW {
      width:0px;
      bottom:0px;
      height:2px;
      display:flex;
      position:absolute;
      margin-top:-;
      transition:width 300ms cubic-bezier(0.39, 0.57, 0.56, 1) 0ms normal;
      align-items:start;
      flex-direction:column;
      justify-content:end;
      background-color:var(--dark-color-primary-600, #27BAFD);
    }

    .bZGpCU {
      color:inherit;
      display:inline-block;
      font-size:var(--font-size-lg);
      font-family:'Inter';
      font-weight:var(--font-weight-bold);
    }

    .cWpxOU {
      width:fit-content;
      cursor:pointer;
      height:26px;
      font-size:var(--font-size-sm);
      transition:color 300ms ease 0ms normal;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
      justify-content:center;
    }

    .cWpxOU:hover {
      color:var(--dark-color-primary-600, #27BAFD);
    }

    .cWpxOU.isActive {
      color:var(--dark-color-primary-600, #27BAFD);
    }

    .eFuaez {
      flex:1;
      width:100%;
      overflow-y:auto;
      padding-left:10px;
      padding-right:10px;
    }

    .cPpcld {
      width:100%;
      overflow-y:auto;
      padding-left:10px;
      margin-bottom:15px;
      padding-right:10px;
    }

    .cuBXcE {
      gap:5px;
      width:100%;
      align-items:center;
      font-family:'Inter';
      flex-direction:row;
      padding-bottom:5px;
      justify-content:start;
    }

    .dGqYvk {
      width:fit-content;
      cursor:pointer;
      height:26px;
      font-size:var(--font-size-sm);
      transition:color 300ms ease 0ms normal;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
      justify-content:center;
    }

    .dGqYvk:hover {
      color:var(--libColor, #27BAFD);
    }

    .dGqYvk.isActive {
      color:var(--dark-color-primary-600, #27BAFD);
    }

    .bhOqla {
      width:0px;
      bottom:0px;
      height:2px;
      display:flex;
      position:absolute;
      margin-top:-;
      transition:width 300ms cubic-bezier(0.39, 0.57, 0.56, 1) 0ms normal;
      align-items:start;
      flex-direction:column;
      justify-content:end;
      background-color:var(--libColor, #27BAFD);
    }

    .fzzXWL {
      gap:10px;
      width:100%;
      height:100%;
      align-items:start;
      padding-left:16px;
      justify-content:start;
    }

    .fFa-Dsm {
      gap:10px;
      width:100%;
    }

    .dmLKJE {
      gap:10px;
      width:100%;
      translate:0 0px;
      transition:translate 300ms ease var(--transitionDelay) normal;
    }

    .dmLKJE {
      
    @starting-style {
      translate:-200px 0;
    }
    }

    .byrDHE {
      width:100%;
      height:58px;
      align-items:center;
      font-family:'Rubik';
      padding-left:12px;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 922px) {

    .byrDHE {
      display:none;
    }
    }

    .bmWMvi {
      gap:10px;
      cursor:pointer;
      translate:0 0px;
      transition:translate 300ms ease var(--transitionDelay) normal;
      align-items:center;
      padding-left:3px;
      flex-direction:row;
      justify-content:start;
    }

    .bmWMvi {
      
    @starting-style {
      translate:0 -100px;
    }
    }

    .dKGykt {
      color:var(--LogoColor, #E8E8EC);
      font-size:16px;
      font-family:'Inter';
      font-weight:var(--font-weight-bold);
    }

    .DMcrj {
      width:200px;
    }

    .YLTkx {
      gap:4px;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .fnaoMl {
      color:var(--light-color-primary-50, #F0F9FF);
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .dsehGE {
      flex:1;
      height:calc(100%-58px);
      overflow-y:auto;
      flex-direction:row;
    }

    .joQSq {
      gap:20px;
      width:100%;
      height:100%;
      font-family:'Inter';
    }

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

    .esbYdA {
      width:100%;
      align-items:center;
      justify-content:start;
    }

    .QeXyv {
      gap:20px;
      align-items:center;
      flex-direction:column;
      justify-content:start;
    }

    .eWIKJJ {
      color:var(--heading1-color, #F5F5F5);
      font-size:1.125rem;
      font-family:inherit;
      font-weight:var(--font-weight-normal);
    }

    .eWIKJJ:focus {
      outline:none;
    }

    .oWaHo {
      display:flex;
      align-items:start;
    }

    .ewgbUv {
      gap:40px;
      width:100%;
      max-width:1024px;
      transition:opacity 400ms ease 0ms normal;
      flex-direction:column;
    }

    .doeFuL {
      font-weight:var(--font-weight-regular);
      justify-content:center;
    }

    .dfIFjg {
      gap:1.5rem;
      align-items:start;
      padding-top:1.5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      justify-content:start;
    }

    .beEOXV {
      gap:10px;
      flex-direction:row;
    }

    .dCgkQn {
      color:var(--heading-color, );
      font-size:1rem;
      font-family:'Inter';
      font-weight:var(--font-weight-semi-bold);
    }

    .ePBFUz {
      gap:1.25rem;
      color:inherit;
      width:100%;
    }

    .JbRZo {
      color:inherit;
      display:inline-block;
    }

    .dxdqyx {
      gap:2.5rem;
      color:var(--text-color, #4B5675);
      width:100%;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .dxdqyx {
      gap:.625rem;
      align-items:start;
      flex-direction:column;
      justify-content:start;
    }
    }

    .cAbszo {
      color:var(--text-color, #9A9CAE);
      width:100%;
      font-size:var(--font-size-base);
      box-shadow:0px 3px 4px 0px rgba(0,0,0,.03);
      font-family:'Inter';
      border-color:var(--card-border-color, #26272F);
      border-style:solid;
      border-width:1px;
      border-radius:12px;
      background-color:var(--card-background-color, #111217);
    }

    .fxcIth {
      gap:8px;
      width:100%;
    }

    .ceFjdO {
      gap:16px;
      width:100%;
      min-height:50px;
      align-items:start;
      padding-top:20px;
      border-color:var(--canvas-border-color, #36363B);
      border-style:dashed;
      border-width:1px;
      padding-left:20px;
      border-radius:8px;
      padding-right:20px;
      padding-bottom:20px;
      justify-content:start;
      background-color:var(--canvas, #1A1A1E);
    }

    .coYzUP {
      height:56px;
      align-items:center;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:row;
      justify-content:space-between;
      border-bottom-color:var(--card-border-color, #26272F);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .eQDnRv {
      gap:10px;
      flex-direction:column;
    }

    .zmHyQ {
      gap:15px;
      flex-direction:row;
    }

    .lztQV {
      color:inherit;
      display:inline-block;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
    }

    .eDwfLs {
      width:100%;
      flex-wrap:nowrap;
      overflow-x:auto;
      align-items:start;
      font-family:'Inter';
      justify-content:start;
      border-bottom-color:var(--column-border-color, #36363B);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .UeGnk {
      gap:var(--column-gap);
      color:var(--column-font-color, #E8E8EC);
      flex-wrap:nowrap;
      font-size:var(--font-size-base);
      min-width:100%;
      font-weight:500;
      padding-top:0.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      border-bottom-color:var(--column-border-color, );
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bqSbHT {
      gap:0.5rem;
      width:100%;
      flex-wrap:nowrap;
    }

    .dSwpAL {
      color:inherit;
      width:var(--column-width);
      font-size:var(--font-size-base);
      font-family:'Inter';
      font-weight:inherit;
    }

    .dSwpAL.resizable {
      flex:1;
      min-width:var(--column-min-width);
    }

    .cIHpfA {
      width:100%;
      padding-top:20px;
      padding-left:20px;
      border-radius:8px;
      padding-right:20px;
      padding-bottom:20px;
      background-color:var(--canvas, #1A1A1E);
    }

    .QDBQL {
      color:inherit;
      display:inline-block;
      margin-top:20px;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
    }

    .muTVy {
      top:20px;
      right:10px;
      z-index:200;
      position:absolute;
    }

    .OlEwX {
      width:100%;
      margin-top:20px;
    }

    .dwYOs {
      gap:var(--column-gap);
      color:var(--row-text-color, #E8E8EC);
      width:100%;
      opacity:0.8;
      flex-wrap:nowrap;
      font-size:var(--font-size-base);
      transition:opacity 300ms ease 0ms normal;
      line-height:1.625rem;
      padding-top:0.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
    }

    .dwYOs:hover {
      opacity:1;
    }

    .CwxnA {
      flex:1;
      color:var(--row-text-color, #8E8E9A);
      font-size:var(--font-size-sm);
      min-width:var(--default-column-width);
      align-items:start;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
      flex-direction:column;
      justify-content:start;
    }

    .dSCVAn {
      color:var(--row-name-color, #E8E8EC);
      width:var(--main-column-width);
      font-size:var(--font-size-base);
      align-items:start;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
      padding-top:0.125rem;
      flex-direction:column;
      justify-content:start;
    }

    .chAOKJ {
      width:100%;
    }

    .ctIFlV {
      color:inherit;
      display:inline-block;
      margin-top:40px;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
    }

    .dScdIe {
      width:100%;
      height:40px;
      align-items:center;
      justify-content:center;
    }

    .didHJF {
      color:var(--text-color, #9A9CAE);
      width:100%;
      font-size:0.8125rem;
      max-width:1024px;
      box-shadow:0px 3px 4px 0px rgba(0,0,0,.03);
      font-family:'Inter';
      border-color:var(--card-border-color, #26272F);
      border-style:solid;
      border-width:1px;
      border-radius:12px;
      background-color:var(--card-background-color, #111217);
    }

    .ftKbpw {
      width:100%;
      min-height:150px;
      align-items:center;
      padding-top:20px;
      border-color:var(--canvas-border-color, #36363B);
      border-style:dashed;
      border-width:1px;
      padding-left:20px;
      border-radius:8px;
      padding-right:20px;
      padding-bottom:20px;
      justify-content:center;
      background-color:var(--canvas, #1A1A1E);
    }

    .Shgvs {
      flex-direction:row;
    }

    .dkOrIB {
      color:var(--text-color, #9A9CAE);
      width:100%;
      font-size:0.8125rem;
      box-shadow:0px 3px 4px 0px rgba(0,0,0,.03);
      font-family:'Inter';
      border-color:var(--card-border-color, #26272F);
      border-style:solid;
      border-width:1px;
      border-radius:12px;
      background-color:var(--card-background-color, #111217);
    }

    .ciCjDz {
      width:100%;
      min-height:50px;
      overflow-x:auto;
      align-items:start;
      padding-top:20px;
      border-color:var(--canvas-border-color, #36363B);
      border-style:dashed;
      border-width:1px;
      padding-left:20px;
      border-radius:8px;
      padding-right:20px;
      padding-bottom:20px;
      justify-content:start;
      background-color:var(--canvas, #1A1A1E);
    }

    .xUsQN {
      height:56px;
      align-items:start;
      padding-left:1.5rem;
      padding-right:1.5rem;
      justify-content:center;
      border-bottom-color:var(--card-border-color, #26272F);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cSBDEp {
      gap:5px;
      color:var(--heading-color, );
      display:flex;
      font-size:1rem;
      align-items:center;
      font-family:'Inter';
      font-weight:var(--font-weight-semi-bold);
      flex-direction:row;
      justify-content:start;
    }

    .cOyDmJ {
      width:100%;
      min-height:50px;
      align-items:start;
      padding-top:20px;
      border-color:var(--canvas-border-color, #36363B);
      border-style:dashed;
      border-width:1px;
      padding-left:20px;
      border-radius:8px;
      padding-right:20px;
      padding-bottom:20px;
      justify-content:start;
      background-color:var(--canvas, #1A1A1E);
    }

    .dmExXd {
      width:60%;
      height:2px;
      background-color:var(--dividerColor, #36363B);
    }

    .faWukt {
      gap:16px;
      flex-direction:row;
    }

    .cvpsIU {
      border-radius:8px;
    }

    .MVWdF {
      color:var(--heading-color, );
      font-size:1rem;
      text-align:left;
      font-family:'Inter';
      font-weight:var(--font-weight-semi-bold);
    }

    .bNbRMc {
      height:56px;
      align-items:center;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:row;
      justify-content:space-between;
      border-bottom-color:var(--card-border-color, #26272F);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    @media (max-width: 468px) {

    .bNbRMc {
      gap:10px;
      align-items:start;
      flex-direction:column;
      justify-content:space-between;
    }
    }

    .dRqMsy {
      width:100%;
      max-width:250px;
    }

    @media (max-width: 468px) {

    .dRqMsy {
      width:100%;
      max-width:100%;
    }
    }

    .forbzd {
      gap:16px;
      flex-direction:column;
    }

    .bkeoKw {
      gap:16px;
    }

    .dpmcUT {
      color:var(--default-link-color, #2463ebff);
    }

    .congUc {
      gap:40px;
      flex-direction:column;
    }

    .bBpuTH {
      color:inherit;
      display:inline-block;
      font-size:16px;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
    }

    .chnxXE {
      gap:12px;
    }

    .eGiqUe {
      gap:2.5rem;
      color:var(--text-color, #4B5675);
      width:100%;
      align-items:start;
      flex-direction:column;
      justify-content:center;
    }

    .fHuSrR {
      color:inherit;
      display:inline-block;
      font-size:16px;
      font-family:'Inter';
      font-weight:700;
    }

    .ZWUHu {
      gap:5px;
      color:inherit;
      display:flex;
      font-size:16px;
      align-items:center;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
      flex-direction:row;
      justify-content:start;
    }

    .fonwCf {
      gap:16px;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .GObMs {
      gap:20px;
      width:100%;
      flex-wrap:wrap;
      min-height:50px;
      align-items:start;
      padding-top:20px;
      border-color:var(--canvas-border-color, #36363B);
      border-style:dashed;
      border-width:1px;
      padding-left:20px;
      border-radius:8px;
      padding-right:20px;
      flex-direction:row;
      padding-bottom:20px;
      justify-content:start;
      background-color:var(--canvas, #1A1A1E);
    }

    .icFox {
      gap:5px;
      color:inherit;
      display:flex;
      font-size:16px;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
      flex-direction:row;
    }

    .bBZPWZ {
      padding-top:20px;
      padding-left:20px;
      border-radius:16px;
      padding-right:20px;
      padding-bottom:20px;
      background-color:var(--calendarBackground, #242428);
    }

    .fdtDhh {
      width:100%;
      height:1px;
    }

    .eJGCTj {
      color:var(--TextColor, #8E8E9A);
      display:inline-block;
      font-size:16px;
      font-family:'Inter';
      font-weight:var(--font-weight-regular);
    }

    .dMdACA {
      width:100%;
      padding-left:20px;
      padding-right:20px;
    }

    .bWoWuM {
      color:var(--menuHeading, #E8E8EC);
      z-index:9999;
      position:absolute;
    }

    @media (min-width: 922px) {

    .bWoWuM {
      display:none;
    }
    }

    .soZwI {
      gap:3px;
      left:200px;
      color:var(--footer-color, #E8E8EC);
      bottom:5px;
      display:flex;
      opacity:0.7;
      position:absolute;
      font-size:9px;
      align-items:center;
      font-family:'Inter';
      font-weight:var(--font-weight-light);
      flex-direction:row;
      justify-content:start;
    }

    @media (max-width: 922px) {

    .soZwI {
      left:20px;
      position:absolute;
    }
    }

    @media (max-width: 922px) {

    .eSjExS {
      display:none;
    }
    }

    .dgNZia {
      width:0px;
      height:0px;
    }