:root {
--color-transparent: transparent;
--color-white: #fff;
--color-black: #000;
--color-zebra: rgba(255, 255, 255, .03);
--brand-color-01: #ffb11a;
--brand-color-02: rgba(255, 177, 26, 0.5);
--brand-color-03: rgba(255, 177, 26, 0.12);
--brand-color-04: #FFCE6E;
--primary-color-01: #101014;
--primary-color-02: #17181e;
--bybit-color-white: #fff;
--bybit-color-black: #121214;
--bybit-color-gray-02: #575b61;
--bybit-color-gray-03: #81858c;
--bybit-gray-01: #121214;
--bybit-gray-02: #575b61;
--bybit-gray-03: #81858c;
--bybit-gray-04: #adb1b8;
--bybit-gray-05: #e9edf2;
--bybit-gray-06: #f8fafc;
--bybit-gray-bg: #f5f7fa;
--bybit-gray-card: #fff;
--bybit-orange-normal: #f7a600;
--bybit-orange-taped: #e57d1d;
--bybit-orange-hover: #ffc35c;
--bybit-orange-bg: #fffbf0;
--bybit-font-color-primary: var(--bybit-color-black);
--color-shadow-1: rgba(24,32,82,0.02);
--margin-middle-title: 80px;
--margin-middle: 80px;
--margin-normal-title: 80px;
--margin-normal: 80px;
--margin-big-title: 80px;
--margin-big: 80px;
--margin-small-title: 48px;
--margin-small: 48px;
--title-margin-bottom: 80px;
--title-margin-bottom-normal: 32px;
--title-margin-bottom-middle: 32px;
--title-margin-bottom-small: 24px;
--font-size-sl: 96px;
--font-size-h1: 64px;
--font-size-h2: 48px;
--font-size-h3: 40px;
--font-size-h4: 32px;
--font-size-h5: 24px;
--font-size-h6: 20px;
--font-size-subTitle: 18px;
--font-size-body: 16px;
--font-size-caption: 14px;
--font-size-tag: 12px;
--bybit-box-shadow: 0px 2px 32px rgba(24,32,82,0.2);
--img-scale: scale(1.05);
--size-50: 100px;
}
.Wrapper_wrapper__Cfg58 {
width: 1440px;
margin: 0 auto;
margin-top: 15rem;
}
@media (max-width: 719px){
.Wrapper_wrapper__Cfg58 {
width: 327px;
}
}
@media (min-width: 1265px) and (max-width: 1799px){
.Wrapper_wrapper__Cfg58 {
width: 1200px;
}
}
.Title_title__pIoq1 {
min-height: 56px;
line-height: 56px;
font-size: 48px;
font-weight: 700;
color: var(--bybit-font-color-primary);
margin-top: var(--margin-big-title);
margin-bottom: var(--title-margin-bottom);
}
@media (max-width: 719px){
.Title_title__pIoq1 {
min-height: 32px;
line-height: 32px;
font-size: 24px;
margin-top: var(--margin-small-title);
margin-bottom: var(--title-margin-bottom-small);
}
}
@media (min-width: 1265px) and (max-width: 1799px){
.Title_title__pIoq1 {
min-height: 48px;
line-height: 48px;
font-size: 40px;
margin-top: var(--margin-normal-title);
margin-bottom: var(--title-margin-bottom-normal);
}
}
.Product_cards__g_EZr {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: auto;
grid-gap: 48px;
width: 100%;
}
@media (max-width: 719px){
.Product_cards__g_EZr {
grid-template-columns: repeat(1,1fr);
}
}
@media (min-width: 1265px) and (max-width: 1799px){
.Product_cards__g_EZr {
grid-gap: 24px;
}
}
.Card_wrapper__W0GOS {
cursor: default;
box-sizing: border-box;
padding: 48px 0 0 48px;
width: 100%;
height: 360px;
background-color: #fff;
border-radius: 16px;
position: relative;
overflow: hidden;
}
@media (max-width: 719px){
.Card_wrapper__W0GOS {
padding: 24px 0 0 32px;
height: 180px;
}
}
@media (min-width: 1265px) and (max-width: 1799px){
.Card_wrapper__W0GOS {
height: 300px;
}
}
.Card_link__hg9Oc {
cursor: pointer;
}
.Card_wrapper__W0GOS>a {
width: 100%;
height: 100%;
}
.Card_wrapper__W0GOS>a, .Card_wrapper__W0GOS>a:visited, .Card_wrapper__W0GOS>a:hover, .Card_wrapper__W0GOS>a:focus {
color: var(--brand-color-01);
text-decoration: none;
}
.Card_left__n5bYQ {
padding: 48px 0 0 48px;
left: 0;
right: 312px;
}
.Card_left__n5bYQ {
z-index: 2;
position: absolute;
box-sizing: border-box;
border-radius: 16px;
top: 0;
width: calc(100% - 312px);
height: 100%;
}
@media (max-width: 719px){
.Card_wrapper__W0GOS .Card_left__n5bYQ {
padding: 24px 0 0 32px;
}
}
@media (max-width: 719px){
.Card_wrapper__W0GOS .Card_left__n5bYQ {
width: calc(100% - 156px);
}
}
@media (min-width: 1265px) and (max-width: 1799px){
.Card_wrapper__W0GOS .Card_left__n5bYQ {
width: calc(100% - 240px);
}
}
.Card_wrapper__W0GOS .Card_title__RS_jD {width: 100%;height: 58px;font-weight: 600;font-size: var(--font-size-h3);line-height: 100%;color: #ffffff;margin-bottom: 14px;}
@media (max-width: 719px){
.Card_wrapper__W0GOS .Card_title__RS_jD {
font-size: var(--font-size-h5);
line-height: 32px;
height: 32px;
margin-bottom: 0;
white-space: nowrap;
}
}
@media (min-width: 1265px) and (max-width: 1799px){
.Card_wrapper__W0GOS .Card_title__RS_jD {
min-height: 40px;
line-height: 40px;
font-size: 32px;
height: 40px;
margin-bottom: 16px;
}
}
.Card_left__n5bYQ .Card_title__RS_jD {
white-space: nowrap;
}
.Tag_tag__Y3fnS {
background: linear-gradient(90deg,#ff9a42,#ff5f59);
margin-left: 8px;
}
.Tag_tag__Y3fnS {
display: inline-block;
height: 24px;
overflow: hidden;
border-radius: 4px;
padding: 0 6px;
text-align: center;
font-weight: 500;
font-size: 12px;
line-height: 24px;
color: #fff;
}
.Card_wrapper__W0GOS .Card_description__4l8oL {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
width: 100%;
height: auto;
font-weight: 400;
font-size: var(--font-size-subTitle);
line-height: 26px;
color: var(--bybit-color-gray-03);
word-break: break-word;
}

@media (max-width: 719px){
.Card_wrapper__W0GOS .Card_description__4l8oL {
margin-top: 12px;
line-height: 16px;
height: 70px;
font-size: var(--font-size-tag);
width: 100%;
}
}
/*.Card_left__n5bYQ .Card_button__r6R3j {*/
/*    left: 48px;*/
/*}*/
.Card_wrapper__W0GOS .Card_button__r6R3j {
height: 48px;
width: 48px;
padding: 0 12px;
min-width: 48px;
background-color: var(--bybit-gray-06);
border-radius: 24px;
border: none;
text-align: center;
color: var(--bybit-orange-normal);
display: flex;
justify-content: center;
align-items: center;
transition: min-width .3s linear,background-color .3s linear;
}

@media (max-width: 719px){
.Card_wrapper__W0GOS .Card_button__r6R3j {
left: 32px;
}
}
@media (max-width: 719px){
.Card_wrapper__W0GOS .Card_button__r6R3j {
padding: 0 6px;
height: 24px;
width: auto;
bottom: 24px;
background-color: var(--bybit-orange-bg);
}
}
.Card_left__n5bYQ .Card_button__r6R3j {
position: absolute;
bottom: 48px;
left: 48px;
}
.Card_wrapper__W0GOS .Card_button__r6R3j span {
margin-right: 12px;
}

.Card_wrapper__W0GOS .Card_button__r6R3j span {
display: none;
overflow: hidden;
line-height: 48px;
font-weight: 600;
height: 48px;
font-size: var(--font-size-subTitle);
}
@media (max-width: 719px){
.Card_wrapper__W0GOS .Card_button__r6R3j span {
display: inline-block;
line-height: 24px;
font-weight: 600;
height: 24px;
font-size: var(--font-size-tag);
font-weight: 500;
margin: 0 6px;
}
}
.Card_wrapper__W0GOS .Card_button__r6R3j .Card_arrow__DJzlL {
width: 24px;
height: 24px;
object-fit: contain;
}

.Card_bg__x8xGQ {
background-position: 100% 100%;
transform-origin: bottom right;
right: 0;
background-size: contain;
background-repeat: no-repeat;
width: 312px;
height: 100%;
position: absolute;
transition: transform .3s ease-out;
bottom: 0;
}
@media (max-width: 719px){
.Card_bg__x8xGQ {
background-size: 156px;
width: 156px;
}
}
@media (min-width: 1265px) and (max-width: 1799px){
.Card_bg__x8xGQ {
width: 240px;
}
}