@layer base {
  
  body, :host {
    /* Color */
    --grey-50: #FAFAFA;
--grey-100: #F5F5F5;
--grey-200: #E5E5E5;
--grey-300: #D4D4D4;
--grey-400: #A3A3A3;
--grey-500: #737373;
--grey-600: #525252;
--grey-700: #404040;
--grey-800: #262626;
--grey-900: #171717;
--red-50: #FEF2F2;
--red-100: #FEE2E2;
--red-200: #FECACA;
--red-300: #FCA5A5;
--red-400: #F87171;
--red-500: #EF4444;
--red-600: #DC2626;
--red-700: #B91C1C;
--red-800: #991B1B;
--red-900: #7F1D1D;
--blue-50: #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--lime-50: #F7FEE7;
--lime-100: #ECFCCB;
--lime-200: #D9F99D;
--lime-300: #BEF264;
--lime-400: #A3E635;
--lime-500: #84CC16;
--lime-600: #65A30D;
--lime-700: #4D7C0F;
--lime-800: #3F6212;
--lime-900: #365314;
--pink-50: #FDF2F8;
--pink-100: #FCE7F3;
--pink-200: #FBCFE8;
--pink-300: #F9A8D4;
--pink-400: #F472B6;
--pink-500: #EC4899;
--pink-600: #DB2777;
--pink-700: #BE185D;
--pink-800: #9D174D;
--pink-900: #831843;
--teal-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-200: #99F6E4;
--teal-300: #5EEAD4;
--teal-400: #2DD4BF;
--teal-500: #14B8A6;
--teal-600: #0D9488;
--teal-700: #0F766E;
--teal-800: #115E59;
--teal-900: #134E4A;
--green-50: #ECFDF5;
--green-100: #D1FAE5;
--green-200: #A7F3D0;
--green-300: #6EE7B7;
--green-400: #34D399;
--green-500: #10B981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065F46;
--green-900: #064E3B;
--purple-50: #F5F3FF;
--purple-100: #EDE9FE;
--purple-200: #DDD6FE;
--purple-300: #C4B5FD;
--purple-400: #A78BFA;
--purple-500: #8B5CF6;
--purple-600: #7C3AED;
--purple-700: #6D28D9;
--purple-800: #5B21B6;
--purple-900: #4C1D95;
--yellow-50: #FFFBEB;
--yellow-100: #FEF3C7;
--yellow-200: #FDE68A;
--yellow-300: #FCD34D;
--yellow-400: #FBBF24;
--yellow-500: #F59E0B;
--yellow-600: #D97706;
--yellow-700: #B45309;
--yellow-800: #92400E;
--yellow-900: #78350F;
    /* Fonts */
    --font-sans: '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;
    }
  }
}


    .fGYjqv {
      width:100%;
      height:100%;
      align-items:center;
      flex-direction:column;
      justify-content:center;
      background-color:var(--grey-900);
    }

    .bKRSvN {
      top:0px;
      left:0px;
      width:1280px;
      height:720px;
      display:none;
      position:absolute;
      font-size:inherit;
      box-shadow:0px -4px 8px 0px #00000054;
      transition:all 500ms ease-in-out 0ms;
    }

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

    .bKRSvN.fade-next {
      opacity:0;
    }

    .bKRSvN.fade-prev {
      opacity:0;
    }

    .bKRSvN.slide-next {
      transform:translate(105%, 0);
      box-shadow:none;
    }

    .bKRSvN.slide-prev {
      transform:translate(0,0);
      transition:transform 500ms ease-in-out 0ms,opacity 500ms ease-in-out 0ms;
    }

    .bSGZmU {
      width:100%;
      align-items:start;
      user-select:none;
      aspect-ratio:16 / 9;
      justify-content:center;
    }

    .dSzMeG {
      color:var(--yellow-400, #FBBF24);
      display:inline-block;
      font-size:12px;
      margin-top:4px;
    }

    .eJwoKj {
      outline:none;
    }

    .eJwoKj:hover {
      box-shadow:0px 0px 96px 0px #57a8ff80;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .eJwoKj:focus {
      box-shadow:0px 0px 96px 0px #57a8ff80;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .lVCck {
      width:288px;
      cursor:pointer;
      box-shadow:0px 0px 96px 0px #57a8ff80;
      object-fit:contain;
      border-radius:8px;
    }

    .fCkjCr {
      gap:16px;
      width:100%;
      align-items:start;
      flex-direction:row;
      justify-content:center;
    }

    .bgIpjw {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:12px;
      margin-top:8px;
      text-align:center;
      font-weight:200;
      line-height:16px;
    }

    .emzZVj {
      color:var(--color-text-primary, #E5E5E5);
      font-size:32px;
      font-weight:500;
    }

    .bvjlVb {
      width:100%;
      height:100%;
      position:absolute;
      align-items:center;
      border-radius:8px;
      justify-content:center;
      background-color:#000000bf;
    }

    .bUtkeA {
      color:var(--grey-200, #E5E5E5);
      font-size:inherit;
      font-family:inherit;
      font-weight:500;
    }

    .dnHuks {
      outline:none;
    }

    .dnHuks:hover {
      box-shadow:0px 0px 96px 0px #50e77880;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .dnHuks:focus-visible {
      box-shadow:0px 0px 96px 0px #50e77880;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .wwLTD {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:12px;
      text-align:right;
      font-weight:200;
      line-height:16px;
    }

    .dUPVmM {
      color:var(--color-text-primary, #E5E5E5);
      font-size:16px;
      font-weight:var(--font-weight-bold);
    }

    .bbIWk {
      gap:16px;
      align-items:center;
      justify-content:start;
    }

    .euJhoN {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:12px;
      margin-top:8px;
      text-align:right;
      font-weight:200;
      line-height:16px;
    }

    .eZebUP {
      gap:16px;
      width:100%;
      height:100%;
      flex-wrap:wrap;
      overflow-x:scroll;
      overflow-y:visible;
      align-items:start;
      padding-top:80px;
      align-content:start;
      flex-direction:row;
      justify-content:center;
      scroll-behavior:smooth;
      scrollbar-width:none;
    }

    .eZebUP::-webkit-scrollbar {
    width: 0;
    }

    .cfwMyY {
      align-items:end;
      justify-content:end;
    }

    .fdMGdD {
      color:var(--grey-200, #E5E5E5);
      display:inline-block;
    }

    .dlajqe {
      width:100%;
      height:100%;
      align-items:center;
      padding-top:72px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:72px;
      justify-content:start;
      background-color:#000000ff;
    }

    .cXJwoI {
      outline:none;
    }

    .cXJwoI:hover {
      box-shadow:0px 0px 96px 0px #f5c85680;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .cXJwoI:focus-visible {
      box-shadow:0px 0px 96px 0px #f5c85680;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .fFDQBL {
      top:12px;
      right:12px;
      position:absolute;
      align-items:start;
      justify-content:start;
    }

    .dCJugQ {
      align-items:center;
      padding-left:0px;
      padding-right:0px;
      justify-content:start;
    }

    .cvZolP {
      gap:16px;
      flex:1;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .byopHM {
      width:288px;
      box-shadow:0px 0px 96px 0px #50e77880;
      object-fit:contain;
      border-radius:8px;
    }

    .eWTtry {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:12px;
      text-align:center;
      font-weight:200;
      line-height:16px;
    }

    .fFnejb {
      gap:16px;
      flex:1;
      overflow-x:visible;
      overflow-y:visible;
      align-items:center;
      flex-direction:row;
      justify-content:end;
    }

    .czFuUx {
      gap:16px;
    }

    .bJRqop {
      width:288px;
      box-shadow:0px 0px 96px 0px #f5c85680;
      object-fit:contain;
      border-radius:8px;
    }

    .bonVTf {
      align-items:center;
      justify-content:start;
    }

    .BnrsI {
      outline:none;
    }

    .BnrsI:hover {
      box-shadow:0px 0px 96px 0px #5be1f580;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .BnrsI:focus-visible {
      box-shadow:0px 0px 96px 0px #5be1f580;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .eGgLmO {
      left:0px;
      width:100%;
      bottom:0px;
      opacity:0.25;
      position:absolute;
      align-items:center;
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:24px;
      justify-content:space-between;
    }

    .fkMZLM {
      outline:none;
    }

    .fkMZLM:hover {
      box-shadow:0px 0px 96px 0px #e5e75080;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .fkMZLM:focus-visible {
      box-shadow:0px 0px 96px 0px #e5e75080;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .cjZLVc {
      width:288px;
      box-shadow:0px 0px 96px 0px #5be1f580;
      object-fit:contain;
      border-radius:8px;
    }

    .dgBCyR {
      width:288px;
      box-shadow:0px 0px 96px 0px #e5e75080;
      object-fit:contain;
      border-radius:8px;
    }

    .ecJRvP {
      align-items:start;
      justify-content:end;
    }

    .dQyHFa {
      width:240px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      border-radius:12px;
    }

    .sXBNz {
      color:var(--color-text-primary, #E5E5E5);
      font-size:32px;
      text-align:left;
      font-weight:500;
    }

    .eUEpdi {
      color:var(--grey-400, #A3A3A3);
      font-size:24px;
      text-align:left;
      font-weight:300;
    }

    .ediczL {
      gap:48px;
      width:30%;
      height:100%;
      align-items:start;
      padding-top:24px;
      justify-content:center;
    }

    .esLbRd {
      gap:16px;
      height:100%;
      position:relative;
      align-items:start;
      flex-direction:column;
      justify-content:center;
    }

    .eUwzAA {
      gap:64px;
      width:100%;
      height:100%;
      align-items:center;
      padding-left:128px;
      padding-right:128px;
      flex-direction:row;
      justify-content:start;
    }

    .doPAcl {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      opacity:1;
      position:absolute;
      object-fit:cover;
      flex-direction:column;
    }

    .cSuDvC {
      gap:16px;
      padding-left:128px;
      flex-direction:row;
    }

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

    .caKYCz {
      gap:16px;
      padding-left:64px;
      flex-direction:row;
    }

    .bLUezN {
      width:100%;
      align-items:start;
      user-select:none;
      aspect-ratio:16 / 9;
      justify-content:center;
      background-color:#000000ff;
    }

    .bmHxmM {
      gap:24px;
      width:100%;
      height:100%;
      align-items:center;
      padding-top:128px;
      padding-left:128px;
      padding-right:128px;
      padding-bottom:128px;
      justify-content:center;
    }

    .dNtAuP {
      gap:8px;
      color:var(--grey-400, #A3A3A3);
      display:flex;
      outline:none;
      font-size:16px;
      align-items:center;
      font-weight:400;
      padding-top:16px;
      padding-left:16px;
      border-radius:14px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:16px;
      justify-content:center;
      background-color:#1717174d;
    }

    .dNtAuP:hover {
      color:var(--grey-200, #E5E5E5);
      background-color:var(--grey-900, #171717);
    }

    .dNtAuP:focus-visible {
      color:var(--grey-200, #E5E5E5);
      outline-color:var(--grey-400, #A3A3A3);
      outline-style:solid;
      outline-width:1px;
    }

    .cZHVlI {
      color:var(--grey-200, #E5E5E5);
      width:800px;
      hyphens:auto;
      font-size:32px;
      text-align:center;
      font-weight:300;
      line-height:56px;
    }

    .bIrWMt {
      gap:24px;
      top:25%;
      position:absolute;
      align-items:center;
      padding-left:128px;
      padding-right:128px;
      justify-content:start;
    }

    .DrXLW {
      color:var(--grey-400, #A3A3A3);
      font-size:24px;
      text-align:center;
      font-weight:300;
    }

    .gdaaY {
      gap:64px;
      width:100%;
      height:100%;
      align-items:center;
      padding-top:180px;
      padding-left:40px;
      padding-right:40px;
      justify-content:end;
    }

    .beWDt {
      width:100%;
      position:relative;
      align-items:center;
      justify-content:end;
    }

    .UmHvn {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      opacity:1;
      position:absolute;
      object-fit:cover;
      align-items:start;
      flex-direction:column;
      justify-content:start;
    }

    .caHNiI {
      width:100%;
      display:flex;
      opacity:1;
      position:relative;
      object-fit:cover;
      border-radius:6px;
      flex-direction:column;
    }

    .bFaQMQ {
      color:var(--grey-200, #E5E5E5);
      font-size:64px;
      text-align:center;
      font-weight:500;
    }

    .dUPzYu {
      left:0px;
      width:100%;
      bottom:0px;
      opacity:0.25;
      position:absolute;
      align-items:center;
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:24px;
      justify-content:end;
    }

    .epDntu {
      gap:6px;
    }

    .bMYRHp {
      color:var(--color-text-primary, #E5E5E5);
      font-size:2.25rem;
      font-weight:500;
    }

    .dNBvat {
      gap:48px;
      flex:1;
      width:50%;
      align-items:start;
      justify-content:center;
    }

    .cBYVj {
      color:#f1b1fbff;
      font-size:80px;
      font-weight:800;
    }

    .mgJxB {
      gap:64px;
      width:100%;
      height:100%;
      align-items:start;
      padding-top:32px;
      padding-left:128px;
      padding-right:128px;
      padding-bottom:80px;
      justify-content:center;
      background-color:#2d0877ff;
    }

    .esuqYm {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      opacity:0.6;
      position:absolute;
      object-fit:cover;
      flex-direction:column;
    }

    .bNLiWz {
      top:0px;
      right:0px;
      height:100%;
      position:absolute;
      object-fit:cover;
      border-radius:6px;
    }

    .aPCIQ {
      color:var(--grey-400, #A3A3A3);
      width:376px;
      display:inline-block;
      font-size:16px;
      font-weight:300;
      line-height:20px;
    }

    .eLkJQz {
      color:var(--grey-200, #E5E5E5);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:700;
    }

    .dZMUYh {
      color:var(--grey-400, #A3A3A3);
      font-size:24px;
      text-align:right;
      font-weight:300;
    }

    .fmIUal {
      width:128px;
      height:128px;
      max-width:100%;
      border-radius:6px;
    }

    .csoyai {
      color:var(--color-text-primary, #E5E5E5);
      font-size:2.25rem;
      text-align:right;
      font-weight:500;
    }

    .cMPTlE {
      top:128px;
      width:344px;
      border-radius:6px;
    }

    .erwwOy {
      right:-290px;
      bottom:-164px;
      height:800px;
      position:absolute;
      border-top-left-radius:12px;
      border-top-right-radius:0px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:0px;
    }

    .dyJVN {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:16px;
      margin-top:8px;
      font-weight:400;
    }

    .cQihgH {
      gap:8px;
      width:100%;
      height:100%;
      align-items:start;
      flex-direction:row;
      justify-content:end;
    }

    .fafjsZ {
      top:60px;
      width:256px;
      border-radius:6px;
    }

    .cjOsHu {
      gap:64px;
      width:100%;
      height:100%;
      align-items:start;
      padding-top:48px;
      padding-left:64px;
      padding-right:96px;
      padding-bottom:48px;
      justify-content:center;
    }

    .RYGdv {
      left:200px;
      position:absolute;
    }

    .euunvv {
      color:var(--grey-900, #171717);
      width:fit-content;
      font-size:16px;
      margin-top:-16px;
      text-align:center;
      font-weight:400;
      padding-top:8px;
      padding-left:24px;
      border-radius:100px;
      padding-right:24px;
      padding-bottom:8px;
      background-color:var(--yellow-400, #FBBF24);
    }

    .ffIFyY {
      position:relative;
      align-items:center;
      justify-content:start;
    }

    .eqAPYE {
      gap:32px;
      height:100%;
    }

    .cHzfSC {
      top:306px;
      width:344px;
      border-radius:6px;
    }

    .cYKmme {
      color:var(--grey-200, #E5E5E5);
      width:fit-content;
      font-size:15px;
      margin-top:-16px;
      text-align:center;
      font-weight:400;
      padding-top:8px;
      padding-left:24px;
      border-radius:100px;
      padding-right:24px;
      padding-bottom:8px;
      background-color:var(--blue-600, #2563EB);
    }

    .cRSaKu {
      color:var(--grey-200, #E5E5E5);
      width:fit-content;
      font-size:15px;
      margin-top:-16px;
      text-align:center;
      font-weight:400;
      padding-top:8px;
      padding-left:24px;
      border-radius:100px;
      padding-right:24px;
      padding-bottom:8px;
      background-color:var(--red-500, #EF4444);
    }

    .hoDKE {
      gap:8px;
      flex:1;
    }

    .faGaXi {
      gap:2px;
    }

    .brgdSG {
      width:288px;
      cursor:pointer;
      box-shadow:0px 0px 96px 0px #57a8ff80;
      object-fit:contain;
      border-radius:6px;
    }

    .bQPzYO {
      color:var(--grey-200, #E5E5E5);
      display:inline-block;
      font-size:12px;
      font-weight:700;
    }

    .dfWrRk {
      right:-500px;
      height:592px;
      position:absolute;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      align-items:start;
      border-radius:10px;
      justify-content:center;
    }

    .fCTOwv {
      gap:48px;
      width:42%;
      height:100%;
      align-items:start;
      justify-content:center;
    }

    .vtngA {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:10px;
      font-weight:300;
    }

    .cwxzEx {
      top:16px;
      right:16px;
      position:absolute;
      align-items:start;
      justify-content:start;
    }

    .WyKpj {
      gap:64px;
      width:100%;
      height:100%;
      align-items:start;
      padding-top:128px;
      padding-left:112px;
      padding-right:112px;
      padding-bottom:128px;
      justify-content:center;
    }

    .cdwUBP {
      height:100%;
      border-radius:10px;
    }

    .dMzYBe {
      width:40px;
      height:40px;
      max-width:100%;
      box-shadow:0px 0px 24px 0px #e4a5a599;
      border-radius:100px;
    }

    .cDDJtn {
      gap:24px;
      width:100%;
      align-items:start;
      flex-direction:column;
      justify-content:start;
    }

    .dDzxSL {
      gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:end;
    }

    .bLzhwM {
      gap:24px;
      flex:1;
      left:16px;
      bottom:16px;
      outline:none;
      position:absolute;
      align-items:center;
      padding-top:16px;
      padding-left:16px;
      border-radius:14px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:16px;
      justify-content:start;
      background-color:#000000cc;
    }

    .bLzhwM:hover {
      box-shadow:0px 0px 96px 0px #57a8ff80;
      border-radius:8px;
      outline-color:#ffffffff;
      outline-style:solid;
      outline-width:2px;
    }

    .AjjoH {
      color:var(--grey-400, #A3A3A3);
      font-size:24px;
      text-align:left;
      font-weight:300;
      line-height:32px;
    }

    .fajOye {
      color:var(--color-text-primary, #E5E5E5);
      font-size:24px;
      font-weight:var(--font-weight-semi-bold);
    }

    .fuwUPM {
      gap:16px;
      flex:1;
      width:200px;
      cursor:pointer;
      height:100%;
      align-items:center;
      border-radius:16px;
      justify-content:center;
      background-color:#24242480;
    }

    .fuwUPM:hover {
      background-color:#52525280;
    }

    .FhIod {
      color:var(--color-text-primary, #E5E5E5);
      font-size:16px;
      font-weight:300;
    }

    .devgeV {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:13px;
      font-weight:300;
    }

    .YJokJ {
      gap:32px;
      width:100%;
      height:100%;
      align-items:center;
      padding-top:128px;
      padding-left:128px;
      padding-right:128px;
      padding-bottom:128px;
      justify-content:space-between;
    }

    .eoLhZk {
      color:var(--grey-400, #A3A3A3);
      cursor:pointer;
      height:48px;
      font-size:var(--font-size-xl);
      align-items:center;
      font-weight:300;
      padding-left:24px;
      border-radius:100px;
      padding-right:24px;
      justify-content:center;
    }

    .eoLhZk:hover {
      color:var(--green-400, #34D399);
      background-color:#24242480;
    }

    .cQayuJ {
      gap:24px;
      width:100%;
      height:128px;
      flex-direction:row;
    }

    .YsGOy {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      opacity:0.6;
      position:absolute;
      object-fit:cover;
      align-items:end;
      justify-content:center;
    }

    .WnQa-d {
      gap:64px;
      width:100%;
      height:100%;
      overflow-y:clip;
      align-items:end;
      padding-top:96px;
      padding-left:96px;
      padding-right:96px;
      padding-bottom:96px;
      justify-content:end;
      background-color:#000000ff;
    }

    .doQDu {
      left:0px;
      width:100%;
      bottom:0px;
      height:100%;
      position:absolute;
      align-items:end;
      padding-top:112px;
      padding-left:112px;
      padding-right:112px;
      padding-bottom:112px;
      justify-content:end;
      background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    }

    .dtrBA {
      color:var(--grey-200, #E5E5E5);
      width:800px;
      hyphens:auto;
      font-size:40px;
      text-align:right;
      font-weight:500;
      line-height:56px;
    }

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

    .bqmVdY {
      gap:4px;
    }

    .claTCx {
      gap:16px;
      width:720px;
      align-items:center;
      flex-direction:row;
      justify-content:end;
    }

    .cntFrt {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      position:absolute;
      object-fit:cover;
    }

    .bXhKPT {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-weight:400;
    }

    .LNxeq {
      gap:48px;
      width:100%;
      height:100%;
      align-items:center;
      padding-top:128px;
      padding-left:128px;
      padding-right:128px;
      padding-bottom:128px;
      justify-content:center;
    }

    .CNfKB {
      color:var(--grey-200, #E5E5E5);
      display:inline-block;
      font-size:24px;
      font-weight:700;
    }

    .epRIPq {
      color:var(--grey-200, #E5E5E5);
      width:720px;
      font-size:32px;
      font-weight:300;
      line-height:48px;
    }

    .cDNFNy {
      width:64px;
      height:64px;
      max-width:100%;
      border-radius:100px;
    }

    .eeooOm {
      gap:8px;
      flex:1;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      padding-top:12px;
      padding-left:12px;
      border-radius:12px;
      padding-right:12px;
      padding-bottom:12px;
      background-color:#00000080;
      border-top-color:#ffffff33;
      border-top-style:solid;
      border-top-width:1px;
    }

    .buZLVh {
      color:var(--grey-200, #E5E5E5);
      display:inline-block;
      font-size:11px;
      font-weight:700;
    }

    .bWNQF {
      gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .eEZvPR {
      width:24px;
      height:24px;
      border-radius:100px;
    }

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

    .ehLDLR {
      width:24px;
      height:24px;
      max-width:100%;
      object-fit:cover;
      border-radius:100px;
      background-color:#ffffffff;
    }

    .fvkIAh {
      color:var(--grey-400, #A3A3A3);
      display:inline-block;
      font-size:11px;
      font-weight:400;
      line-height:18px;
    }

    .fsqrLz {
      color:var(--color-text-primary, #E5E5E5);
      font-size:2.25rem;
      text-align:center;
      font-weight:500;
    }

    .fvphXC {
      gap:48px;
      width:100%;
      height:100%;
      align-items:center;
      padding-top:24px;
      justify-content:center;
    }

    .JcIYK {
      gap:64px;
      width:100%;
      height:100%;
      align-items:start;
      padding-top:40px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:72px;
      justify-content:center;
    }

    .fBHZfM {
      gap:8px;
      flex:1;
      align-items:start;
      flex-direction:column;
      justify-content:center;
    }

    .fjFnkv {
      gap:8px;
      flex-direction:row;
    }

    .bWNrIF {
      gap:8px;
      flex:1;
      align-items:end;
      flex-direction:column;
      justify-content:center;
    }

    .dpfmeW {
      color:#ffffff80;
      font-size:10px;
      font-weight:var(--font-weight-bold);
    }

    .fkYgqS {
      gap:16px;
      padding-left:128px;
      flex-direction:column;
    }

    .ejtLWM {
      gap:24px;
      width:100%;
      height:100%;
      align-items:center;
      padding-left:128px;
      padding-right:128px;
      flex-direction:row;
      justify-content:start;
    }

    .fkAVFs {
      gap:8px;
    }

    .fhqQPa {
      gap:32px;
      width:30%;
      height:100%;
      align-items:start;
      padding-top:24px;
      justify-content:center;
    }

    .bMXohT {
      top:80px;
      left:48px;
      width:200px;
      bottom:0px;
      height:420px;
      position:absolute;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      aspect-ratio:16 / 9;
      border-radius:30px;
    }

    .zsUfG {
      width:675px;
      height:480px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      aspect-ratio:16 / 9;
      border-color:#ffffff33;
      border-style:solid;
      border-width:1px;
      border-radius:12px;
    }

    .WMfll {
      color:var(--grey-400, #A3A3A3);
      font-size:16px;
      text-align:left;
      font-weight:300;
      line-height:22px;
    }

    .foKgnH {
      color:var(--grey-200, #E5E5E5);
      font-size:20px;
      font-weight:var(--font-weight-bold);
    }

    .bqPZFE {
      width:200px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      border-radius:32px;
    }

    .orJta {
      right:80px;
      width:200px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      border-radius:32px;
    }

    .cShzwj {
      gap:24px;
      width:100%;
      height:100%;
      align-items:center;
      padding-left:128px;
      flex-direction:row;
      justify-content:start;
    }

    .zxiqC {
      gap:8px;
      flex:1;
      right:0px;
      height:100%;
      position:absolute;
      overflow-y:hidden;
      align-items:center;
      padding-left:96px;
      flex-direction:row;
      justify-content:end;
    }

    .dVCaWa {
      right:40px;
      width:200px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      border-radius:32px;
    }

    .dEkhDD {
      width:104px;
      height:220px;
      align-items:center;
      justify-content:center;
      background-color:#32d29733;
      border-top-color:#6ae7b533;
      border-top-style:solid;
      border-top-width:1px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
    }

    .IeXDt {
      color:var(--grey-400, #A3A3A3);
      font-size:14px;
      text-align:center;
      font-weight:300;
    }

    .byBQsQ {
      color:var(--color-text-secondary, #A3A3A3);
      display:inline-block;
      font-size:16px;
      font-weight:300;
    }

    .duRqBA {
      gap:12px;
      color:var(--grey-200, #E5E5E5);
      font-size:16px;
      align-items:center;
      font-weight:400;
      justify-content:start;
    }

    .dbAZLv {
      width:32px;
      height:32px;
      box-shadow:0px 2px 2px 0px #ffffff1a;
      border-radius:100px;
      background-color:#00000080;
      border-top-color:#404040;
      border-top-style:solid;
      border-top-width:1px;
    }

    .bPmcAb {
      gap:16px;
      height:100%;
      position:relative;
      align-items:end;
      flex-direction:row;
      justify-content:start;
    }

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

    .bfvVLi {
      gap:48px;
      width:35%;
      height:100%;
      align-items:start;
      padding-top:24px;
      justify-content:center;
    }

    .ejTDQR {
      width:104px;
      height:460px;
      align-items:center;
      justify-content:center;
      background-color:#32d2974d;
      border-top-color:#6ae7b533;
      border-top-style:solid;
      border-top-width:1px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
    }

    .cJJrKc {
      text-align:center;
    }

    .fnMqsO {
      gap:4px;
      width:300px;
      height:104px;
      transform:rotate(270deg);
      align-items:start;
      padding-left:24px;
      padding-right:24px;
      justify-content:center;
    }

    .UOmsV {
      gap:64px;
      width:100%;
      height:100%;
      position:absolute;
      align-items:center;
      padding-left:128px;
      padding-right:128px;
      flex-direction:row;
      justify-content:space-between;
    }

    .ddQnCU {
      gap:4px;
      width:570px;
      height:104px;
      transform:rotate(270deg);
      align-items:start;
      padding-left:24px;
      border-radius:8px;
      padding-right:24px;
      justify-content:center;
    }

    .bFseAQ {
      gap:4px;
      width:460px;
      height:104px;
      transform:rotate(270deg);
      align-items:start;
      padding-left:24px;
      border-radius:8px;
      padding-right:24px;
      justify-content:center;
    }

    .fmUjBn {
      width:104px;
      height:570px;
      box-shadow:0px 0px 32px 0px #dbd95c40;
      align-items:center;
      justify-content:center;
      background-color:#00000080;
      border-top-color:#404040;
      border-top-style:solid;
      border-top-width:1px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
    }

    .dMXHHK {
      gap:4px;
      width:380px;
      height:104px;
      transform:rotate(270deg);
      align-items:start;
      padding-left:24px;
      padding-right:24px;
      justify-content:center;
    }

    .dxidWn {
      width:600px;
      transform:rotate(270deg);
      align-items:start;
      padding-left:24px;
      padding-right:24px;
      justify-content:center;
    }

    .boyklO {
      width:104px;
      height:300px;
      align-items:center;
      justify-content:center;
      background-color:#32d2974d;
      border-top-color:#6ae7b533;
      border-top-style:solid;
      border-top-width:1px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
    }

    .eLqip {
      color:var(--grey-200, #E5E5E5);
      font-size:16px;
      text-align:left;
      font-weight:300;
    }

    .ebByDK {
      top:88px;
      right:216px;
      position:absolute;
    }

    .fqsOzd {
      gap:4px;
      width:220px;
      height:104px;
      transform:rotate(270deg);
      align-items:start;
      padding-left:24px;
      justify-content:center;
    }

    .esJNqe {
      width:104px;
      height:380px;
      align-items:center;
      justify-content:center;
      background-color:#32d2974d;
      border-top-color:#6ae7b533;
      border-top-style:solid;
      border-top-width:1px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
    }

    .dIrkUt {
      width:32px;
      height:32px;
      border-radius:100px;
      background-color:#32d29733;
      border-top-color:#6ae7b533;
      border-top-style:solid;
      border-top-width:1px;
    }

    .eSgpqn {
      width:32px;
      height:600px;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .oFRPI {
      width:100%;
      height:100%;
      position:relative;
      margin-top:auto;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:start;
      margin-bottom:auto;
      flex-direction:column;
      justify-content:center;
      background-color:#000000ff;
    }

    .oFRPI:focus {
      outline:none;
    }

    .cznBcl {
      top:50%;
      flex:1;
      left:50%;
      width:1280px;
      height:720px;
      position:absolute;
      transform:scale(var(--scale)) translate(-50%,-50%);
      margin-top:auto;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      border-radius:6px;
      margin-bottom:auto;
      flex-direction:row;
      justify-content:center;
      transform-origin:top left;
    }

    .dBgusQ {
      color:var(--color-text-primary, #E5E5E5);
      font-size:10rem;
      font-weight:var(--font-weight-bold);
    }

    .Kwwnl {
      gap:8px;
      top:0px;
      left:50%;
      color:var(--grey-400, #A3A3A3);
      width:240px;
      height:56px;
      position:absolute;
      font-size:13px;
      transform:translate(-50%,-100%);
      box-shadow:0px 4px 8px 0px #00000044;
      transition:transform 500ms ease-in-out 100ms;
      align-items:center;
      user-select:none;
      border-radius:12px;
      flex-direction:row;
      justify-content:center;
      background-color:#17171780;
      border-top-color:var(--grey-800, #262626);
      border-top-style:solid;
      border-top-width:1px;
    }

    .Kwwnl.show {
      transform:translate(-50%, 50%);
    }

    .cbEcOA {
      color:var(--grey-500, #737373);
      width:40px;
      cursor:pointer;
      height:40px;
      display:flex;
      outline:none;
      position:relative;
      font-size:var(--font-size-xs, 0.75rem);
      align-items:center;
      border-radius:99px;
      justify-content:center;
    }

    .cbEcOA:hover {
      color:var(--grey-50, #FAFAFA);
      background-color:#0d0d0d7d;
    }

    .cbEcOA:focus-visible {
      color:var(--grey-900, #171717);
      background-color:var(--grey-200, #E5E5E5);
    }

    .cbEcOA.active {
      color:var(--blue-100, #DBEAFE);
      background-color:#0d0d0d7d;
    }

    .cpzejx {
      width:100%;
      height:100%;
      align-items:center;
      justify-content:center;
      background-color:#c62424ff;
    }

    .dWsun {
      top:0px;
      left:0px;
      height:100%;
      display:flex;
      position:absolute;
      align-self:stretch;
      align-items:center;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      justify-content:center;
    }

    .bhtFFc {
      cursor:pointer;
      transform:rotateZ(180deg);
    }

    .fCpSRh {
      right:0px;
      height:100%;
      display:flex;
      position:absolute;
      align-self:stretch;
      align-items:center;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      justify-content:center;
    }

    .eTgho {
      color:var(--grey-500, #737373);
      width:40px;
      height:40px;
      display:flex;
      outline:none;
      font-size:var(--font-size-xs, 0.75rem);
      align-items:center;
      border-radius:99px;
      justify-content:center;
    }

    .eTgho:hover {
      color:var(--grey-50, #FAFAFA);
      background-color:#0d0d0d7d;
    }

    .eTgho:focus-visible {
      color:var(--grey-900, #171717);
      background-color:var(--grey-200, #E5E5E5);
    }

    .eTgho.active {
      color:var(--blue-100, #DBEAFE);
      background-color:#0d0d0d7d;
    }

    .bQIxRw {
      color:var(--grey-200, #E5E5E5);
      width:24px;
      height:24px;
      box-shadow:0px 4px 8px 0px #00000044, 0px 4px 8px 0px #2e2e2eff inset;
      align-items:center;
      border-color:#212121ff;
      border-style:solid;
      border-width:1px;
      border-radius:6px;
      justify-content:center;
      background-color:#000000ff;
    }

    .jtYQP {
      left:100px;
      width:512px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      border-color:#ffffff33;
      border-style:solid;
      border-width:1px;
      border-radius:8px;
    }

    .cuCrId {
      width:512px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      border-color:#ffffff33;
      border-style:solid;
      border-width:1px;
      border-radius:8px;
    }

    .vvsER {
      gap:16px;
      flex:1;
      right:0px;
      height:100%;
      position:absolute;
      overflow-y:hidden;
      align-items:start;
      padding-left:128px;
      padding-right:128px;
      flex-direction:column;
      justify-content:center;
    }

    .KiCLU {
      left:48px;
      width:512px;
      box-shadow:0px 2px 2px 0px #00000044, 0px 0px 96px 0px #57a8ff80;
      border-color:#ffffff33;
      border-style:solid;
      border-width:1px;
      border-radius:8px;
    }