
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #0b0a0b;
--neutral-1: #121113;
--neutral-2: #1A191B;
--neutral-3: #232225;
--neutral-4: #2B292D;
--neutral-5: #323035;
--neutral-6: #3C393F;
--neutral-7: #49474E;
--neutral-8: #625F69;
--neutral-9: #6F6D78;
--neutral-10: #7C7A85;
--neutral-11: #B5B2BC;
--neutral-12: #EEEEF0;
--brand-1: #14121F;
--brand-2: #1B1525;
--brand-3: #291F43;
--brand-4: #33255B;
--brand-5: #3C2E69;
--brand-6: #473876;
--brand-7: #56468B;
--brand-8: #6958AD;
--brand-9: #755ed1;
--brand-10: #8a75dd;
--brand-11: #BAA7FF;
--brand-12: #E2DDFE;
--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;
--palegold: #E2DCCE;
--numbers: #c4b89d;
--slate: #2D2B28;
    /* Fonts */
    --font-ptmono: 'PT Mono',monospace;
--font-inter: 'Inter',sans-serif;

    /* 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;
--H2: 2.125rem;
    /* 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;
    }
  }
}


    .qpsvo {
      height:100%;
      font-size:0.95rem;
      font-style:normal;;
      font-family:proxima-nova, sans-serif;;
      font-weight:400;;
      background-color:white;
    }

    .cUVtSm {
      align-items:center;
      padding-top:4rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:4rem;
      justify-content:center;
    }

    @media (min-width: 768px) {

    .cUVtSm {
      padding-bottom:6rem;
    }
    }

    .biezmH {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .dRFufz {
      color:inherit;
      display:inline-block;
      font-size:1.625rem;
      max-width:58ch;
      font-style:normal;;
      font-family:freight-display-pro, serif;;
      font-weight:300;;
      line-height:1.4;
    }

    @media (min-width: 768px) {

    .dRFufz {
      font-size:1.875rem;
    }
    }

    .dGxOqa {
      gap:1.5rem;
      height:100%;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    @media (min-width: 768px) {

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

    .eRqASO {
      gap:3rem;
      align-items:center;
      padding-top:4rem;
      flex-direction:row;
      padding-bottom:4rem;
      justify-content:space-between;
      background-color:#021931;
    }

    @media (min-width: 768px) {

    .eRqASO {
      padding-top:0px;
      padding-right:3rem;
      padding-bottom:0px;
    }
    }

    .cfiBYE {
      color:white;
      display:inline-block;
      text-align:center;
    }

    @media (min-width: 768px) {

    .cfiBYE {
      display:inline-block;
      text-align:left;
    }
    }

    .eqClDy {
      width:100%;
      height:30rem;
      border-color:#ddd;
      border-style:solid;
      border-width:1px;
    }

    @media (min-width: 768px) {

    .eqClDy {
      height:50rem;
    }
    }

    .bSOUqi {
      gap:.5rem;
      color:#111;
      width:100%;
      max-width:25rem;
      align-items:center;
      font-weight:var(--medium);
      padding-top:1.25rem;
      border-color:#ccc;
      border-style:solid;
      border-width:1px;
      padding-left:2rem;
      padding-right:2rem;
      flex-direction:row;
      padding-bottom:1.25rem;
      justify-content:center;
    }

    .bQoVCE {
      gap:2rem;
      width:100%;
      margin:0 auto;
      padding-top:4rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:4rem;
      background-color:white;
    }

    @media (min-width: 768px) {

    .bQoVCE {
      padding-top:6rem;
      padding-left:3rem;
      padding-right:3rem;
      padding-bottom:6rem;
    }
    }

    .eOSPaF {
      font-size:0.938rem;
      font-style:normal;;
      font-family:proxima-nova, sans-serif;;
      font-weight:400;;
      background-color:white;
    }

    .dTRmSt {
      gap:.5rem;
      color:#111;
      align-items:start;
      font-family:inherit;
      font-weight:400;
      flex-direction:column;
      justify-content:start;
    }

    @media (min-width: 768px) {

    .dTRmSt {
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }
    }

    .biLsHQ {
      width:100%;
      overflow:hidden;
      position:relative;
      flex-direction:column;
    }

    .bTbdxm {
      width:100%;
      display:flex;
      transform:var(--transformValue);
      transition:var(--transition);
      aspect-ratio:4/3;
      flex-direction:row;
    }

    @media (min-width: 768px) {

    .bTbdxm {
      aspect-ratio:16/9;
    }
    }

    .oTBbi {
      opacity:var(--opacity);
    }

    .faaXTg {
      gap:2rem;
      width:100%;
      margin:0 auto;
      position:relative;
      align-items:center;
      padding-top:.75rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.75rem;
      justify-content:space-between;
    }

    .biSKaM {
      cursor:pointer;
      padding-top:.5rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:.5rem;
    }

    .vaKRy {
      width:fit-content;
      cursor:pointer;
      display:flex;
      opacity:var(--opacity);
      padding:0.75rem;
      transition:opacity 200ms ease-in-out 0ms normal;
      align-items:center;
      border-radius:6px;
      justify-content:center;
    }

    .MkuoQ {
      inset:0;
      z-index:20;
      position:fixed;
      background:white;
      align-items:center;
      padding-top:5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:5rem;
      justify-content:start;
    }

    .cHusMv {
      top:1rem;
      right:1rem;
      width:fit-content;
      cursor:pointer;
      position:absolute;
      transition:background-color 300ms ease 0ms normal;
      padding-top:1rem;
      padding-left:1rem;
      border-radius:6px;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .fuGEza {
      width:100%;
      border:none;
      cursor:pointer;
      padding:0px;
      overflow:hidden;
      position:relative;
      transition:opacity 300ms ease 0ms normal;
      aspect-ratio:3/2;
    }

    .fuGEza:hover {
      opacity:0.8;
    }

    .cLgNkF {
      width:100%;
      height:100%;
      opacity:var(--opacity);
      object-fit:cover;
      transition:opacity 0.2s ease-in-out;
    }

    .bFNTRm {
      top:100px;
      left:100px;
      right:100px;
      bottom:100px;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

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

    .dTJtiG {
      gap:1rem;
      width:100%;
      display:grid;
      max-height:calc(100vh - 10rem);
      overflow-y:auto;
      grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    }

    .cwswHN {
      top:var(--y);
      left:var(--x);
      width:4rem;
      height:4rem;
      position:fixed;
      transform:var(--arrow-rotation);
      transition:all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
      align-items:center;
      border-radius:999px;
      pointer-events:none;
      justify-content:center;
      background-color:white;
    }

    @media (max-width: 768px) {

    .cwswHN {
      display:none;
    }
    }

    .QUAB {
      top:0px;
      right:0px;
      width:50%;
      cursor:none;
      height:100%;
      opacity:0.25;
      position:absolute;
    }

    .cUBLBd {
      flex:0 0 95%;
      height:100%;
      min-width:95%;
      padding-right:.25rem;
    }

    .dSNfwI {
      width:50%;
      cursor:none;
      height:100%;
      opacity:0.25;
      position:absolute;
    }

    .cfqKRN {
      flex-direction:row;
    }

    .efoEJw {
      font-size:0.875rem;
      align-items:;
      font-weight:var(--medium);
      flex-direction:row;
      letter-spacing:.1rem;
      text-transform:uppercase;
      justify-content:;
    }

    .dsRuK {
      gap:1.25rem;
    }

    .fomJAA {
      gap:1.5rem;
      padding-top:2.5rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1.5rem;
      background-color:white;
    }

    @media (min-width: 768px) {

    .fomJAA {
      padding-left:1.5rem;
      padding-right:1.5rem;
    }
    }

    .ea-DHlJ {
      font-size:2.75rem;
      max-width:13ch;
      font-style:normal;;
      font-family:"freight-big-pro", serif;;
      font-weight:300;;
      line-height:1.05;
      font-variant-numeric:lining-nums;;
      font-feature-settings:"lnum";;
      -moz-font-feature-settings:"lnum";;
      -webkit-font-feature-settings:"lnum";;
    }

    @media (min-width: 768px) {

    .ea-DHlJ {
      font-size:4rem;
      max-width:20ch;
    }
    }

    .cNwDsn {
      gap:3rem;
      padding-top:4rem;
      padding-bottom:4rem;
      background-color:#f7f7f7;
    }

    @media (min-width: 768px) {

    .cNwDsn {
      padding-top:8rem;
      padding-bottom:8rem;
    }
    }

    .dpLXTZ {
      color:#111;
      font-size:.75rem;
      font-style:normal;;
      font-family:proxima-nova, sans-serif;;
      font-weight:500;;
      letter-spacing:1px;
      text-transform:uppercase;
    }

    .bNvID {
      color:#9D937E;
      font-size:3rem;
      font-style:normal;;
      font-family:freight-display-pro, serif;;
      font-weight:300;;
      letter-spacing:-0.02em;
    }

    .cSJkfZ {
      width:100%;
      align-items:center;
      padding-left:1.25rem;
      padding-right:1.25rem;
      justify-content:center;
    }

    @media (min-width: 768px) {
    }

    .csxwlr {
      gap:.5rem;
      align-items:center;
      justify-content:center;
    }

    .bOwjfl {
      gap:2rem;
      width:100%;
      align-items:center;
      padding-left:1.25rem;
      padding-right:1.25rem;
      justify-content:center;
    }

    @media (min-width: 768px) {
    }

    .fAiSNY {
      color:#2e2c29;
      display:inline-block;
      font-size:2rem;
      max-width:48ch;
      font-style:normal;;
      text-align:left;
      font-family:freight-display-pro, serif;;
      font-weight:300;;
      line-height:1.2;
      letter-spacing:0.01em;
    }

    @media (min-width: 768px) {

    .fAiSNY {
      font-size:2.5rem;
      text-align:center;
    }
    }

    .cKkMRJ {
      gap:3rem;
      display:grid;;
      text-align:center;
      font-variant-numeric:lining-nums;;
      font-feature-settings:"lnum";;
      grid-template-columns:repeat(3, 1fr);
      -moz-font-feature-settings:"lnum";;
      -webkit-font-feature-settings:"lnum";;
    }

    @media (min-width: 768px) {

    .cKkMRJ {
      gap:4rem;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }
    }

    .bwzwDb {
      color:rgb(55, 65, 81);
      display:inline-block;
      font-size:1rem;
      max-width:90ch;
      column-gap:3rem;
      font-style:normal;;
      column-fill:balance;
      font-family:proxima-nova, sans-serif;;
      font-weight:400;;
      line-height:1.7;
      column-count:1;
      margin-bottom:1.5rem;
    }

    @media (min-width: 768px) {

    .bwzwDb {
      font-size:0.938rem;
      text-align:justify;
      column-count:2;
    }
    }

    .cmSiAt {
      gap:2rem;
      width:100%;
      align-items:center;
      flex-direction:column;
      justify-content:start;
    }

    @media (min-width: 768px) {

    .cmSiAt {
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }
    }

    .cejZfJ {
      width:100%;
      border:none;
      height:100%;
    }

    .bVZUAU {
      position:relative;
      align-items:center;
      flex-direction:column;
      justify-content:center;
      object-position:center;
    }

    .dWuGNt {
      width:1px;
      background-color:#ccc;
    }

    .bhFVYl {
      gap:2rem;
      width:100%;
      min-height:35rem;
      padding-top:4rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:4rem;
    }

    @media (min-width: 768px) {

    .bhFVYl {
      min-height:80rem;
      padding-top:6rem;
      padding-left:3rem;
      padding-right:3rem;
    }
    }

    .bOFbTg {
      width:12rem;
      height:100%;
      position:relative;
      align-items:;
      aspect-ratio:2 / 3;
      flex-direction:column;
      object-position:center;
    }