#bg-wrap {
  position: fixed;
  height: 100vh;
  width: 100vw;
}

@font-face { 
  font-family:Neue Haas;
  src:url(../fonts/NeueHaasGrotDisp-65Medium.e2ef4e34.ttf) format("truetype"),url(../fonts/NeueHaasGrotDisp-65Medium.acbcc3ee.woff2) format("woff2");
  font-weight:600;
} 
@font-face { 
  font-family:Neue Haas;
  src:url(../fonts/NeueHaasGrotDisp-66MediumItalic.d5cf27f7.ttf) format("truetype"),url(../fonts/NeueHaasGrotDisp-66MediumItalic.0451a43d.woff2) format("woff2");
  font-weight:600;
  font-style:italic;
} 
@font-face { 
  font-family:Neue Haas;
  src:url(../fonts/NeueHaasGrotDisp-55Roman.e38a5648.ttf) format("truetype"),url(../fonts/NeueHaasGrotDisp-55Roman.7a93b150.woff2) format("woff2");
  font-weight:500;
} 
@font-face { 
  font-family:Neue Haas;
  src:url(../fonts/NeueHaasGrotDisp-45Light.5e7b57c3.ttf) format("truetype"),url(../fonts/NeueHaasGrotDisp-45Light.406d74c1.woff2) format("woff2");
  font-weight:400;
} 
@font-face { 
  font-family:Neue Haas;
  src:url(../fonts/NeueHaasGrotDisp-46LightItalic.6fbd5820.ttf) format("truetype"),url(../fonts/NeueHaasGrotDisp-46LightItalic.e05c0c37.woff2) format("woff2");
  font-weight:400;
  font-style:italic;
} 
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap'); 
  body {  
    background:#000;
    font-family:Neue Haas,Arial,Helvetica,sans-serif;
    font-size:calc(20px + 0vw);
    line-height:1.3;
    font-weight:400;
    color:#fff;
  }  
@media screen and (min-width: 320px){     
  body {  
    font-size:calc(20px + 0vw);
  }  
}  
@media screen and (min-width: 1920px){     
  body {  
    font-size:calc(20px + 1920px * 0);
  }  
}  
* { 
    box-sizing: border-box;
} 

body { 
    padding: 0; 
    margin: 0; 
    scroll-behavior: smooth;
} 

body { 
    font-family: Neue Haas,Arial,Helvetica,sans-serif; 
    font-size: calc(20px + 0vw); 
    line-height: 1.3; 
    font-weight: 400; 
    color-scheme: dark; 
    padding: 0; 
    margin: 0; 
    background: #000; 
    color: #fff; 
    display: flex; 
    flex-direction: column; 
    min-height: 100%;
} 

@media screen and (min-width: 320px){ 
  body { 
    font-size: calc(20px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  body { 
    font-size: calc(20px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  body { 
    margin-top: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 768px){ 
  body { 
    margin-top: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  body { 
    margin-top: calc(0px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  body { 
    margin-bottom: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 768px){ 
  body { 
    margin-bottom: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  body { 
    margin-bottom: calc(8px + 1920px * .0111111111);
  } 
}     

body:last-child { 
    margin-bottom: 0;
} 

html { 
    padding: 0; 
    margin: 0; 
    scroll-behavior: smooth;
} 

html { 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    height: 100%; 
    -webkit-locale: "en";
} 

.Picture_main__PCiP3 img  { 
    transition: all .5s;
} 

.Cards_section__75GUP { 
    margin-top: calc(25.7142857143px + 3.8095238095vw); 
    margin-bottom: calc(25.7142857143px + 3.8095238095vw);
} 

@media screen and (min-width: 320px){ 
  .Cards_section__75GUP { 
    margin-top: calc(25.7142857143px + 3.8095238095vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_section__75GUP { 
    margin-top: calc(26.6666666667px + 3.7037037037vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_section__75GUP { 
    margin-top: calc(26.6666666667px + 1920px * .037037037);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_section__75GUP { 
    margin-bottom: calc(25.7142857143px + 3.8095238095vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_section__75GUP { 
    margin-bottom: calc(26.6666666667px + 3.7037037037vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_section__75GUP { 
    margin-bottom: calc(26.6666666667px + 1920px * .037037037);
  } 
}     

.Content_container__0UkwX { 
    position: relative; 
    z-index: 1; 
    margin: 0 auto; 
    padding: 0 20px; 
    max-width: 1920px; 
    display: grid; 
    grid-template-columns: repeat(4,minmax(0,1fr)); 
    grid-column-gap: 20px; 
    -moz-column-gap: 20px; 
    column-gap: 20px;
} 

@media screen and (min-width: 320px){ 
  .Content_container__0UkwX { 
    grid-template-columns: repeat(4,minmax(0,1fr));
  } 
}     

@media screen and (min-width: 768px){ 
  .Content_container__0UkwX { 
    grid-template-columns: repeat(12,minmax(0,1fr));
  } 
}     

.Cards_content__0Yv44 { 
    width: 100%;
} 

.swiper { 
    margin-left: auto; 
    margin-right: auto; 
    position: relative; 
    overflow: hidden; 
    list-style: none; 
    padding: 0; 
    z-index: 1;
} 

.swiper-pointer-events { 
    touch-action: pan-y;
} 

.Cards_swiper__KX6ES { 
    width: 100%; 
    padding: 0 calc(20px + 20px) 0 20px!important;
} 

.Cards_headingContainer__vSEam { 
    grid-column: 1/-1; 
    display: flex; 
    flex-direction: row; 
    justify-content: space-between;
} 

.swiper-wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    z-index: 1; 
    display: flex; 
    transition-property: transform; 
    box-sizing: content-box;
} 

.swiper-wrapper { 
    transform: translateZ(0);
} 

.Cards_swiperArrows___sNDO { 
    font-family: IBM Plex Mono,Courier,monospace; 
    font-size: 20px; 
    display: flex; 
    align-items: center; 
    padding: 0 20px; 
    justify-self: start; 
    grid-row: 3;
} 

@media screen and (min-width: 600px){ 
  .Cards_swiperArrows___sNDO { 
    justify-self: end; 
    grid-row: auto;
  } 
}     

.swiper-slide { 
    flex-shrink: 0; 
    width: 100%; 
    height: 100%; 
    position: relative; 
    transition-property: transform;
} 

.swiper-backface-hidden .swiper-slide  { 
    transform: translateZ(0); 
    backface-visibility: hidden;
} 

.Cards_swiper__KX6ES .Cards_slide__g0sIC  { 
    width: 50%; 
    height: auto; 
    max-width: 920px; 
    display: flex; 
    align-items: stretch;
} 

.Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    font-family: IBM Plex Mono,Courier,monospace; 
    font-size: calc(20px + 0vw); 
    margin-top: calc(0px + 0vw); 
    margin-bottom: calc(5.1428571429px + .7619047619vw); 
    line-height: 1.3; 
    font-weight: 400; 
    text-transform: uppercase;
} 

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    font-size: calc(20px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    font-size: calc(20px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    margin-top: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    margin-top: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    margin-top: calc(0px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    margin-bottom: calc(5.1428571429px + .7619047619vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    margin-bottom: calc(5.3333333333px + .7407407407vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_subtitle__oq2E8  { 
    margin-bottom: calc(5.3333333333px + 1920px * .0074074074);
  } 
}     

.Cards_headingContainer__vSEam .Cards_subtitle__oq2E8:first-child  { 
    margin-top: 0;
} 

.Cards_headingContainer__vSEam .Cards_heading__oaLXo  { 
    margin-top: calc(10.2857142857px + 1.5238095238vw); 
    max-width: 635px;
} 

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo  { 
    margin-top: calc(10.2857142857px + 1.5238095238vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo  { 
    margin-top: calc(10.6666666667px + 1.4814814815vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo  { 
    margin-top: calc(10.6666666667px + 1920px * .0148148148);
  } 
}     

.Cards_swiperArrows___sNDO > span  { 
    margin-right: 30px;
} 

.Cards_item__wj5Wl { 
    width: 100%; 
    height: 100%; 
    display: flex; 
    align-items: stretch;
} 

@media screen and (min-width: 768px){ 
  .Cards_item__wj5Wl { 
    grid-column-end: span 6;
  } 
}     

.Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    font-size: calc(32px + 0vw); 
    margin-top: calc(20.5714285714px + 3.0476190476vw); 
    line-height: 1.3;
} 

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    font-size: calc(32px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    font-size: calc(32px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-top: calc(20.5714285714px + 3.0476190476vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-top: calc(21.3333333333px + 2.962962963vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-top: calc(21.3333333333px + 1920px * .0296296296);
  } 
}     

.Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    font-family: Neue Haas,Arial,Helvetica,sans-serif; 
    font-size: calc(31.5492957746px + 2.2535211268vw); 
    margin-top: calc(7.7142857143px + 1.1428571429vw); 
    margin-bottom: calc(7.7142857143px + 1.1428571429vw); 
    line-height: 1.1; 
    font-weight: 600; 
    text-transform: uppercase;
} 

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    font-size: calc(31.5492957746px + 2.2535211268vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    font-size: calc(31.5492957746px + 1920px * .0225352113);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-top: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-top: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-top: calc(8px + 1920px * .0111111111);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-bottom: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-bottom: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2  { 
    margin-bottom: calc(8px + 1920px * .0111111111);
  } 
}     

.Cards_headingContainer__vSEam .Cards_heading__oaLXo h2:first-child  { 
    margin-top: 0;
} 

.Cards_headingContainer__vSEam .Cards_heading__oaLXo h2:last-child  { 
    margin-bottom: 0;
} 

.Cards_headingContainer__vSEam .Cards_heading__oaLXo h2:last-child  { 
    margin-bottom: calc(10.2857142857px + 1.5238095238vw);
} 

@media screen and (min-width: 320px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2:last-child  { 
    margin-bottom: calc(10.2857142857px + 1.5238095238vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2:last-child  { 
    margin-bottom: calc(10.6666666667px + 1.4814814815vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_headingContainer__vSEam .Cards_heading__oaLXo h2:last-child  { 
    margin-bottom: calc(10.6666666667px + 1920px * .0148148148);
  } 
}     

.Cards_swiperArrows___sNDO .Cards_arrowLeft__g87wT  { 
    width: 48px; 
    height: 48px; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    color: #fff; 
    background-color: transparent; 
    border-radius: 500px; 
    border: 1px solid #fff; 
    position: relative; 
    transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,opacity .3s ease-in-out; 
    cursor: pointer; 
    overflow: hidden; 
    opacity: 1; 
    transition: opacity .2s ease-in-out;
} 

.Cards_swiperArrows___sNDO .Cards_arrowLeft__g87wT  { 
    transform: scaleX(-1); 
    margin-right: 8px;
} 

@media (hover: hover){ 
  .Cards_swiperArrows___sNDO .Cards_arrowLeft__g87wT:hover { 
    opacity: .6;
  } 
}     

.Cards_swiperArrows___sNDO .Cards_arrowRight__0nyHd  { 
    width: 48px; 
    height: 48px; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    color: #fff; 
    background-color: transparent; 
    border-radius: 500px; 
    border: 1px solid #fff; 
    position: relative; 
    transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,opacity .3s ease-in-out; 
    cursor: pointer; 
    overflow: hidden; 
    opacity: 1; 
    transition: opacity .2s ease-in-out;
} 

@media (hover: hover){ 
  .Cards_swiperArrows___sNDO .Cards_arrowLeft__g87wT:hover, .Cards_swiperArrows___sNDO .Cards_arrowRight__0nyHd:hover { 
    opacity: .6;
  } 
}     

.Cards_itemCard__ko_ru { 
    gap: calc(15.4285714286px + 2.2857142857vw); 
    width: 100%; 
    border-radius: 32px; 
    overflow: hidden; 
    background-color: #0a0a0a; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between;
} 

@media screen and (min-width: 320px){ 
  .Cards_itemCard__ko_ru { 
    gap: calc(15.4285714286px + 2.2857142857vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_itemCard__ko_ru { 
    gap: calc(16px + 2.2222222222vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_itemCard__ko_ru { 
    gap: calc(16px + 1920px * .0222222222);
  } 
}     

.Cards_swiperArrows___sNDO .Cards_arrowLeft__g87wT svg  { 
    height: 24px; 
    width: 24px; 
    flex-shrink: 0; 
    fill: currentColor;
} 

.Cards_swiperArrows___sNDO .Cards_arrowRight__0nyHd svg  { 
    height: 24px; 
    width: 24px; 
    flex-shrink: 0; 
    fill: currentColor;
} 

.Cards_itemHead__0egdL { 
    padding-left: calc(15.4285714286px + 2.2857142857vw); 
    padding-right: calc(15.4285714286px + 2.2857142857vw);
} 

@media screen and (min-width: 320px){ 
  .Cards_itemHead__0egdL { 
    padding-left: calc(15.4285714286px + 2.2857142857vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_itemHead__0egdL { 
    padding-left: calc(16px + 2.2222222222vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_itemHead__0egdL { 
    padding-left: calc(16px + 1920px * .0222222222);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_itemHead__0egdL { 
    padding-right: calc(15.4285714286px + 2.2857142857vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_itemHead__0egdL { 
    padding-right: calc(16px + 2.2222222222vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_itemHead__0egdL { 
    padding-right: calc(16px + 1920px * .0222222222);
  } 
}     

@media screen and (min-width: 900px){ 
  .Cards_itemHead__0egdL { 
    padding-left: calc(7.7142857143px + 1.1428571429vw); 
    padding-right: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 320px){ 
  .Cards_itemHead__0egdL { 
    padding-left: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 768px){ 
  .Cards_itemHead__0egdL { 
    padding-left: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 1920px){ 
  .Cards_itemHead__0egdL { 
    padding-left: calc(8px + 1920px * .0111111111);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 320px){ 
  .Cards_itemHead__0egdL { 
    padding-right: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 768px){ 
  .Cards_itemHead__0egdL { 
    padding-right: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 1920px){ 
  .Cards_itemHead__0egdL { 
    padding-right: calc(8px + 1920px * .0111111111);
  } 
}     

.Cards_itemHead__0egdL { 
    padding-top: calc(15.4285714286px + 2.2857142857vw);
} 

@media screen and (min-width: 320px){ 
  .Cards_itemHead__0egdL { 
    padding-top: calc(15.4285714286px + 2.2857142857vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_itemHead__0egdL { 
    padding-top: calc(16px + 2.2222222222vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_itemHead__0egdL { 
    padding-top: calc(16px + 1920px * .0222222222);
  } 
}     

@media screen and (min-width: 900px){ 
  .Cards_itemHead__0egdL { 
    padding-top: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 320px){ 
  .Cards_itemHead__0egdL { 
    padding-top: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 768px){ 
  .Cards_itemHead__0egdL { 
    padding-top: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 1920px){ 
  .Cards_itemHead__0egdL { 
    padding-top: calc(8px + 1920px * .0111111111);
  } 
}     

.Cards_item__wj5Wl p  { 
    font-family: IBM Plex Mono,Courier,monospace; 
    font-size: calc(16px + 0vw); 
    margin-top: calc(0px + 0vw); 
    margin-bottom: calc(5.1428571429px + .7619047619vw); 
    line-height: 1.3; 
    font-weight: 400; 
    text-transform: uppercase;
} 

@media screen and (min-width: 320px){ 
  .Cards_item__wj5Wl p  { 
    font-size: calc(16px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_item__wj5Wl p  { 
    font-size: calc(16px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_item__wj5Wl p  { 
    margin-top: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_item__wj5Wl p  { 
    margin-top: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_item__wj5Wl p  { 
    margin-top: calc(0px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_item__wj5Wl p  { 
    margin-bottom: calc(5.1428571429px + .7619047619vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_item__wj5Wl p  { 
    margin-bottom: calc(5.3333333333px + .7407407407vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_item__wj5Wl p  { 
    margin-bottom: calc(5.3333333333px + 1920px * .0074074074);
  } 
}     

.Cards_item__wj5Wl p:first-child  { 
    margin-top: 0;
} 

.Cards_item__wj5Wl p:last-child  { 
    margin-bottom: 0;
} 

.Cards_tailTextContent__b7PT1 { 
    padding-left: calc(15.4285714286px + 2.2857142857vw); 
    padding-right: calc(15.4285714286px + 2.2857142857vw);
} 

@media screen and (min-width: 320px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-left: calc(15.4285714286px + 2.2857142857vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-left: calc(16px + 2.2222222222vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-left: calc(16px + 1920px * .0222222222);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-right: calc(15.4285714286px + 2.2857142857vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-right: calc(16px + 2.2222222222vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-right: calc(16px + 1920px * .0222222222);
  } 
}     

@media screen and (min-width: 900px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-left: calc(7.7142857143px + 1.1428571429vw); 
    padding-right: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 320px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-left: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 768px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-left: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 1920px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-left: calc(8px + 1920px * .0111111111);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 320px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-right: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 768px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-right: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 1920px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-right: calc(8px + 1920px * .0111111111);
  } 
}     

.Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(15.4285714286px + 2.2857142857vw);
} 

@media screen and (min-width: 320px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(15.4285714286px + 2.2857142857vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(16px + 2.2222222222vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(16px + 1920px * .0222222222);
  } 
}     

@media screen and (min-width: 900px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(10.2857142857px + 1.5238095238vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 320px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(10.2857142857px + 1.5238095238vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 768px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(10.6666666667px + 1.4814814815vw);
  } 
}     

@media screen and (min-width: 900px) and (min-width: 1920px){ 
  .Cards_tailTextContent__b7PT1 { 
    padding-bottom: calc(10.6666666667px + 1920px * .0148148148);
  } 
}     

a { 
    color: inherit; 
    text-decoration: none;
} 

.Cards_item__wj5Wl h3  { 
    font-family: Neue Haas,Arial,Helvetica,sans-serif; 
    font-size: calc(20px + 0vw); 
    margin-top: calc(20.5714285714px + 3.0476190476vw); 
    margin-bottom: calc(7.7142857143px + 1.1428571429vw); 
    line-height: 1.3; 
    font-weight: 600;
} 

@media screen and (min-width: 320px){ 
  .Cards_item__wj5Wl h3  { 
    font-size: calc(20px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_item__wj5Wl h3  { 
    font-size: calc(20px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_item__wj5Wl h3  { 
    margin-top: calc(20.5714285714px + 3.0476190476vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_item__wj5Wl h3  { 
    margin-top: calc(21.3333333333px + 2.962962963vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_item__wj5Wl h3  { 
    margin-top: calc(21.3333333333px + 1920px * .0296296296);
  } 
}     

@media screen and (min-width: 320px){ 
  .Cards_item__wj5Wl h3  { 
    margin-bottom: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_item__wj5Wl h3  { 
    margin-bottom: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Cards_item__wj5Wl h3  { 
    margin-bottom: calc(8px + 1920px * .0111111111);
  } 
}     

@media screen and (min-width: 768px){ 
  .Cards_item__wj5Wl h3  { 
    font-family: Neue Haas,Arial,Helvetica,sans-serif; 
    font-size: calc(32px + 0vw); 
    margin-top: calc(20.5714285714px + 3.0476190476vw); 
    margin-bottom: calc(7.7142857143px + 1.1428571429vw); 
    line-height: 1.3; 
    font-weight: 600;
  } 
}     

@media screen and (min-width: 768px) and (min-width: 320px){ 
  .Cards_item__wj5Wl h3  { 
    font-size: calc(32px + 0vw);
  } 
}     

@media screen and (min-width: 768px) and (min-width: 1920px){ 
  .Cards_item__wj5Wl h3  { 
    font-size: calc(32px + 1920px * 0);
  } 
}     

@media screen and (min-width: 768px) and (min-width: 320px){ 
  .Cards_item__wj5Wl h3  { 
    margin-top: calc(20.5714285714px + 3.0476190476vw);
  } 
}     

@media screen and (min-width: 768px) and (min-width: 768px){ 
  .Cards_item__wj5Wl h3  { 
    margin-top: calc(21.3333333333px + 2.962962963vw);
  } 
}     

@media screen and (min-width: 768px) and (min-width: 1920px){ 
  .Cards_item__wj5Wl h3  { 
    margin-top: calc(21.3333333333px + 1920px * .0296296296);
  } 
}     

@media screen and (min-width: 768px) and (min-width: 320px){ 
  .Cards_item__wj5Wl h3  { 
    margin-bottom: calc(7.7142857143px + 1.1428571429vw);
  } 
}     

@media screen and (min-width: 768px) and (min-width: 768px){ 
  .Cards_item__wj5Wl h3  { 
    margin-bottom: calc(8px + 1.1111111111vw);
  } 
}     

@media screen and (min-width: 768px) and (min-width: 1920px){ 
  .Cards_item__wj5Wl h3  { 
    margin-bottom: calc(8px + 1920px * .0111111111);
  } 
}     

.Cards_item__wj5Wl h3:first-child  { 
    margin-top: 0;
} 

@media screen and (min-width: 768px){ 
  .Cards_item__wj5Wl h3:first-child  { 
    margin-top: 0;
  } 
}     

.Button_container__wxGrQ.Button_darkTheme__WKwpt { 
    font-family: Neue Haas,Arial,Helvetica,sans-serif; 
    font-size: calc(20px + 0vw); 
    line-height: 1.2; 
    text-transform: uppercase; 
    padding: 3px; 
    height: 48px; 
    display: inline-flex; 
    align-items: center; 
    color: #fff; 
    background-color: transparent; 
    border-radius: 500px; 
    border: 1px solid #fff; 
    position: relative; 
    transition: background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,opacity .3s ease-in-out; 
    cursor: pointer; 
    overflow: hidden; 
    opacity: 1; 
    transition: opacity .2s ease-in-out;
} 

@media screen and (min-width: 320px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt { 
    font-size: calc(20px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt { 
    font-size: calc(20px + 1920px * 0);
  } 
}     

@media (hover: hover){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt:hover { 
    opacity: .6;
  } 
}     

.Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding: calc(0px + 0vw) calc(7.7746478873px + 1.1267605634vw); 
    display: inline-block; 
    flex-grow: 1;
} 

@media screen and (min-width: 320px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-left: calc(7.7746478873px + 1.1267605634vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-left: calc(7.7746478873px + 1920px * .0112676056);
  } 
}     

@media screen and (min-width: 320px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-right: calc(7.7746478873px + 1.1267605634vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-right: calc(7.7746478873px + 1920px * .0112676056);
  } 
}     

@media screen and (min-width: 320px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-top: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-top: calc(0px + 1920px * 0);
  } 
}     

@media screen and (min-width: 320px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-bottom: calc(0px + 0vw);
  } 
}     

@media screen and (min-width: 1920px){ 
  .Button_container__wxGrQ.Button_darkTheme__WKwpt span  { 
    padding-bottom: calc(0px + 1920px * 0);
  } 
}     

.Button_container__wxGrQ.Button_darkTheme__WKwpt svg  { 
    background-color: #fff; 
    stroke: #000; 
    border-radius: 50%; 
    height: 40px; 
    width: 40px; 
    padding: 8px; 
    flex-shrink: 0;
} 

.Picture_main__PCiP3.Picture_hasRatio__y7iRo { 
    position: relative; 
    width: 100%; 
    padding-top: calc(100%/(var(--ratio, 1)));
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-ftVwa.style-ftVwa {  
   cursor: grab;  
    transform: translate3d(-2820px, 0px, 0px);  
    transition-duration: 0ms;  
}  
#style-rwZ5K.style-rwZ5K {  
   margin-right: 20px;  
}  
#style-iObN4.style-iObN4 {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-mEHNU.style-mEHNU {  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
   box-sizing:border-box;  
   padding:0;  
   border:none;  
   margin:auto;  
   display:block;  
   width:0;  
   height:0;  
   min-width:100%;  
   max-width:100%;  
   min-height:100%;  
   max-height:100%;  
   object-fit:cover;  
   background-size:cover;  
   background-position:0% 0%;  
   filter:blur(20px);  
   background-image:url("../images/03b14695-5baa-467f-aec7-59946cbb263e_Wormhole.png");  
}  
#style-tBy7I.style-tBy7I {  
   margin-right: 20px;  
}  
#style-be6bE.style-be6bE {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-6t2PB.style-6t2PB {  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
   box-sizing:border-box;  
   padding:0;  
   border:none;  
   margin:auto;  
   display:block;  
   width:0;  
   height:0;  
   min-width:100%;  
   max-width:100%;  
   min-height:100%;  
   max-height:100%;  
   object-fit:cover;  
   background-size:cover;  
   background-position:0% 0%;  
   filter:blur(20px);  
   background-image:url("../images/287145dd-f411-45f4-9e0a-d53fc2a950d6_saga-wormhole%2B%2877%29.jpg");  
}  
#style-EAFpQ.style-EAFpQ {  
   margin-right: 20px;  
}  
#style-Z2eNL.style-Z2eNL {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-oKlJp.style-oKlJp {  
   position: absolute;  
    inset: 0px;  
    box-sizing: border-box;  
    padding: 0px;  
    border: none;  
    margin: auto;  
    display: block;  
    width: 0px;  
    height: 0px;  
    min-width: 100%;  
    max-width: 100%;  
    min-height: 100%;  
    max-height: 100%;  
    object-fit: cover;  
}  
#style-REjxV.style-REjxV {  
   margin-right: 20px;  
}  
#style-ZYWow.style-ZYWow {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-3oxJJ.style-3oxJJ {  
   position: absolute;  
    inset: 0px;  
    box-sizing: border-box;  
    padding: 0px;  
    border: none;  
    margin: auto;  
    display: block;  
    width: 0px;  
    height: 0px;  
    min-width: 100%;  
    max-width: 100%;  
    min-height: 100%;  
    max-height: 100%;  
    object-fit: cover;  
}  
#style-PboyC.style-PboyC {  
   margin-right: 20px;  
}  
#style-rHZSv.style-rHZSv {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-5SLw2.style-5SLw2 {  
   position: absolute;  
    inset: 0px;  
    box-sizing: border-box;  
    padding: 0px;  
    border: none;  
    margin: auto;  
    display: block;  
    width: 0px;  
    height: 0px;  
    min-width: 100%;  
    max-width: 100%;  
    min-height: 100%;  
    max-height: 100%;  
    object-fit: cover;  
}  
#style-VevN7.style-VevN7 {  
   margin-right: 20px;  
}  
#style-TGph2.style-TGph2 {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-1FdTn.style-1FdTn {  
   position: absolute;  
    inset: 0px;  
    box-sizing: border-box;  
    padding: 0px;  
    border: none;  
    margin: auto;  
    display: block;  
    width: 0px;  
    height: 0px;  
    min-width: 100%;  
    max-width: 100%;  
    min-height: 100%;  
    max-height: 100%;  
    object-fit: cover;  
}  
#style-V2DPB.style-V2DPB {  
   margin-right: 20px;  
}  
#style-FIt65.style-FIt65 {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-lKOqY.style-lKOqY {  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
   box-sizing:border-box;  
   padding:0;  
   border:none;  
   margin:auto;  
   display:block;  
   width:0;  
   height:0;  
   min-width:100%;  
   max-width:100%;  
   min-height:100%;  
   max-height:100%;  
   object-fit:cover;  
   background-size:cover;  
   background-position:0% 0%;  
   filter:blur(20px);  
   background-image:url("../images/03b14695-5baa-467f-aec7-59946cbb263e_Wormhole.png");  
}  
#style-3vkVH.style-3vkVH {  
   margin-right: 20px;  
}  
#style-zW2fc.style-zW2fc {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-lMs1Q.style-lMs1Q {  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
   box-sizing:border-box;  
   padding:0;  
   border:none;  
   margin:auto;  
   display:block;  
   width:0;  
   height:0;  
   min-width:100%;  
   max-width:100%;  
   min-height:100%;  
   max-height:100%;  
   object-fit:cover;  
   background-size:cover;  
   background-position:0% 0%;  
   filter:blur(20px);  
   background-image:url("../images/287145dd-f411-45f4-9e0a-d53fc2a950d6_saga-wormhole%2B%2877%29.jpg");  
}  
#style-zCoLR.style-zCoLR {  
   margin-right: 20px;  
}  
#style-7VFs6.style-7VFs6 {  
   box-sizing:border-box;  
   display:block;  
   overflow:hidden;  
   width:initial;  
   height:initial;  
   background:none;  
   opacity:1;  
   border:0;  
   margin:0;  
   padding:0;  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
}  
#style-OrdXR.style-OrdXR {  
   position:absolute;  
   top:0;  
   left:0;  
   bottom:0;  
   right:0;  
   box-sizing:border-box;  
   padding:0;  
   border:none;  
   margin:auto;  
   display:block;  
   width:0;  
   height:0;  
   min-width:100%;  
   max-width:100%;  
   min-height:100%;  
   max-height:100%;  
   object-fit:cover;  
   background-size:cover;  
   background-position:0% 0%;  
   filter:blur(20px);  
   background-image:url("../images/b002f224-c776-41cd-9a8d-93292593d35b_saga-wormhole%2B%2890%29.jpg");  
}  


html {
  scroll-behavior: smooth!important;
}

.css-xnwmgu { 
  display: flex; 
  flex-direction: column; 
  max-width: 100%; 
  padding: 24px; 
  -webkit-box-align: center; 
  align-items: center; 
  border-radius: 12px; 
  border: 2px solid rgb(255, 146, 208); 
  background: rgb(36, 23, 51); 
  box-shadow: rgba(38, 2, 184, 0.55) 0px 4px 56.2px 12px;
} 

@media screen and (min-width: 48em){ 
.css-xnwmgu { 
  flex-direction: column;
} 
}     

*,:after,:before { 
  box-sizing: border-box;
} 

*,:before,:after { 
  border-color: var(--chakra-colors-chakra-border-color);
} 

.css-3e47b3 { 
  display: flex; 
  flex-direction: column; 
  -webkit-box-pack: center; 
  justify-content: center; 
  align-items: flex-start; 
  flex: 1 0 0px; 
  padding-right: 36px;
} 

.css-c3y1rv { 
  flex-direction: column; 
  -webkit-box-align: center; 
  align-items: center; 
  gap: 8px; 
  flex: 1 0 0px; 
  display: flex;
  width: 100%;
} 

@media screen and (min-width: 62em){ 
.css-c3y1rv { 
  display: flex;
} 
}     

:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) { 
  margin: 0;
} 

p { 
  overflow-wrap: break-word;
} 

.css-9vfk1h { 
  color: var(--White, #FFF); 
  text-shadow: rgb(49, 122, 255) 5px 0px 10px, rgba(255, 0, 255, 0.5) 5px 0px 2px, rgba(0, 255, 191, 0.5) -5px 0px 10px; 
  font-family: "Saira Condensed"; 
  font-size: 48px; 
  font-style: normal; 
  font-weight: 900; 
  line-height: 48px; 
  letter-spacing: -1px;
} 

.css-1ef3l5b { 
  color: var(--chakra-colors-white); 
  font-weight: 600; 
  font-size: 16px; 
  margin-top: var(--chakra-space-8);
} 

.css-jl9qp2 { 
  color: var(--chakra-colors-white); 
  font-weight: 400; 
  font-size: 16px; 
  margin-top: var(--chakra-space-4);
} 

.css-1ar2jog { 
  display: flex; 
  -webkit-box-align: center; 
  align-items: center; 
  margin-top: var(--chakra-space-4); 
  gap: var(--chakra-space-8);
} 

.css-144dhvz { 
  display: flex; 
  -webkit-box-pack: center; 
  justify-content: center; 
  -webkit-box-align: center; 
  align-items: center; 
  gap: 20px; 
  width: 32px;
} 

a { 
  background-color: transparent; 
  color: inherit; 
  -webkit-text-decoration: inherit; 
  text-decoration: inherit;
} 

.css-x44w4p { 
  transition-property: var(--chakra-transition-property-common); 
  transition-duration: var(--chakra-transition-duration-fast); 
  transition-timing-function: var(--chakra-transition-easing-ease-out); 
  text-decoration: none; 
  outline: transparent solid 2px; 
  outline-offset: 2px; 
  padding: 0px; 
  width: fit-content; 
  font-weight: 400; 
  font-size: 16px; 
  color: var(--chakra-colors-blue-500); 
  cursor: pointer;
} 

.css-x44w4p:hover { 
  text-decoration: underline;
} 

:where(button, input, optgroup, select, textarea) { 
  font-family: inherit; 
  font-size: 100%; 
  line-height: 1.15; 
  margin: 0;
} 

:where(button, input) { 
  overflow: visible;
} 

:where(button, select) { 
  text-transform: none;
} 

:where(button, [role="button"]) { 
  cursor: pointer;
} 

:where(button, input, optgroup, select, textarea) { 
  padding: 0; 
  line-height: inherit; 
  color: inherit;
} 

button { 
  font: inherit;
} 

button { 
  background: transparent; 
  padding: 0;
} 

.css-h2m2yg { 
  display: inline-flex; 
  appearance: none; 
  -webkit-box-align: center; 
  align-items: center; 
  -webkit-box-pack: center; 
  justify-content: center; 
  user-select: none; 
  position: relative; 
  white-space: nowrap; 
  vertical-align: middle; 
  outline: transparent solid 2px; 
  outline-offset: 2px; 
  line-height: 1.2; 
  border-radius: 8px; 
  text-align: center; 
  padding: 0.5em 1em; 
  min-width: var(--chakra-sizes-12); 
  width: fit-content; 
  height: var(--chakra-sizes-12); 
  padding-inline-start: var(--chakra-space-6); 
  padding-inline-end: var(--chakra-space-6); 
  background: linear-gradient(70deg, rgb(41, 188, 250) 14.23%, rgb(100, 100, 228) 45.15%, rgb(180, 90, 250) 86.14%) 50% 50% / 200% 100%; 
  transition: background-position 0.5s ease-in-out 0s; 
  color: var(--chakra-colors-white); 
  font-size: 16px; 
  font-weight: 600;
} 

.css-h2m2yg:hover { 
  background-position: 100% 50%;
} 

.css-dvxtzn { 
  display: flex; 
  flex-direction: column; 
  -webkit-box-align: center; 
  align-items: center;
} 

.css-1mrnt07 { 
  margin-inline-start: var(--chakra-space-2); 
  margin-inline-end: var(--chakra-space-2); 
  font-size: 48px; 
  font-weight: 400; 
  color: rgb(224, 202, 255);
} 

.css-2g5sa8 { 
  display: flex; 
  flex-direction: column; 
  -webkit-box-align: center; 
  align-items: center; 
  width: 32px;
} 

.css-efvfi2 { 
  overflow: hidden; 
  position: relative; 
  height: 32px; 
  border-radius: var(--chakra-radii-xl); 
  width: 100%; 
  background: rgb(121, 30, 149);
} 

.css-1f55qcd { 
  color: var(--chakra-colors-white); 
  font-variant-numeric: lining-nums proportional-nums; 
  font-feature-settings: "cpsp", "cv06", "cv09", "cv04", "cv03", "case", "ss03"; 
  font-size: 48px; 
  font-weight: 400; 
  line-height: 56px; 
  letter-spacing: -0.72px;
} 

.css-hv75rt { 
  font-weight: 400; 
  color: rgb(224, 202, 255);
} 

.css-qmanhx { 
  height: 100%; 
  transition-property: var(--chakra-transition-property-common); 
  transition-duration: var(--chakra-transition-duration-slow); 
  background-color: var(--chakra-colors-neonPink-500); 
  border-radius: var(--chakra-radii-xl);
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-59rgK.style-59rgK {  
 color: rgb(187, 133, 255);  
}  
#style-65TWF.style-65TWF {  
 line-height: 140%;  
}  
#style-CSBFw.style-CSBFw {  
 line-height: 140%;  
}  
#style-86ZNF.style-86ZNF {  
 line-height: 140%;  
}  
#style-oZMRD.style-oZMRD {  
 line-height: 140%;  
}  
#style-v7oOt.style-v7oOt {  
 color: rgb(187, 133, 255);  
  font-size: 16px;  
  font-weight: 600;  
  opacity: 0.8;  
}  
#style-KxddJ.style-KxddJ {  
 width: 100%;  
  position: relative;  
  padding-bottom: 32px;  
}  
#style-PDfng.style-PDfng {  
 position: absolute;  
  top: 4px;  
  left: 16px;  
  font-size: 16px;  
  font-weight: 600;  
  color: rgb(255, 255, 255);  
  text-align: center;  
  z-index: 1;  
}  
#style-kTbIt.style-kTbIt {  
 width: 44.5514%;  
}  
#style-tooxR.style-tooxR {  
  font-size: 16px;  
  font-weight: 600;  
  color: rgb(224, 202, 255);  
  text-align: center;  
}  
#style-whl8V.style-whl8V {  
  font-size: 16px;  
  color: rgb(255, 255, 255);  
  text-align: center;  
}  
#style-nTV7T.style-nTV7T {  
 color: rgb(255, 255, 255);  
}  
#style-6cl33.style-6cl33 {  
  font-size: 16px;  
  font-weight: 600;  
  color: rgb(224, 202, 255);  
  text-align: center;  
}  
#style-g1FRZ.style-g1FRZ {  
 color: rgb(224, 202, 255);  
}  

#ethereumAddress {
  font-family: Neue Haas, Arial, Helvetica, sans-serif;
    font-size: calc(20px + 0vw);
    line-height: 1.2;
    text-transform: uppercase;
    padding: 3px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    background-color: transparent;
    border-radius: 500px;
    border: 1px solid #fff;
    position: relative;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out, opacity .3s ease-in-out;
    cursor: pointer;
    overflow: hidden;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    width:80%;
    text-align:center;
}

/* For modern browsers */
::placeholder {
  color: #fff; /* Change to your desired color */
}

/* For older versions of Firefox */
input:-moz-placeholder {
  color: #fff; /* Change to your desired color */
}

/* For older versions of Chrome and Safari */
input::-webkit-input-placeholder {
  color: #fff; /* Change to your desired color */
}

.peer {
  background: rgba(255, 255, 255, 0.1);
  padding: 10px;
  border-radius: 10px;
  font-size:16px;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

th, td {
  padding: 8px;
  text-align: left;
  font-size:16px;
  background-color: rgba(0,0,0,0.2);
}

th {
  background-color: rgba(0,0,0,0.4);
}

th:first-of-type {
  border-top-left-radius: 10px;
}
th:last-of-type {
  border-top-right-radius: 10px;
}
tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 10px;
}
tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 10px;
}

@media only screen and (max-width: 600px) {
  th, td {
    font-size:12px;
  }
}