@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:200;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:300;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.otf') format('opentype');
  font-weight:400;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.otf') format('opentype');
  font-weight:500;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:600;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:700;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:800;
} 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

.css-p73vh1 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    height: auto; 
    background: #1E2329;
} 

.css-15owl46 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative;
} 

main { 
    display: block;
} 

.css-vurnku { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0;
} 

.hFTMle { 
    height: 100%;
} 

body { 
    line-height:   1.5; 
    font-weight:   400; 
    -webkit-backface-visibility:   hidden; 
    backface-visibility:   hidden; 
    -webkit-overflow-scrolling:   touch; 
    -webkit-touch-callout:   none; 
    -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
    font-family:  BinancePlex,Arial,sans-serif!important;
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

html body { 
    font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

.css-16scrb3 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    height: 186px; 
    background: url(https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png) repeat-x; 
    background-size: cover; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    padding-left: 16px; 
    padding-right: 16px; 
    background-image: url("https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png"); 
    background-position-x: initial; 
    background-position-y: initial; 
    background-repeat-x: repeat; 
    background-repeat-y: no-repeat; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: initial;
} 

@media screen and (min-width: 767px){ 
  .css-16scrb3 { 
    height: 182px; 
    background-size: contain;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-16scrb3 { 
    height: 130px;
  } 
}     

.css-1jx6e8b { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    text-align: center; 
    width: 100%;
} 

h1 { 
    font-size: 2em; 
    margin: 0.67em 0;
} 

.css-8rtkor { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 16px; 
    line-height: 28px; 
    margin-bottom: 12px; 
    color: #FFFFFF;
} 

@media screen and (min-width: 767px){ 
  .css-8rtkor { 
    font-size: 24px; 
    font-weight: 600;
  } 
}     

.css-g7ukit { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    max-width: 343px; 
    color: #848E9C;
} 

@media screen and (min-width: 767px){ 
  .css-g7ukit { 
    max-width: 680px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-g7ukit { 
    max-width: none;
  } 
}     

@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:200;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:300;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.otf') format('opentype');
  font-weight:400;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.otf') format('opentype');
  font-weight:500;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:600;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:700;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:800;
} 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

.css-p73vh1 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    height: auto; 
    background: #1E2329;
} 

.css-15owl46 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative;
} 

main { 
    display: block;
} 

.css-vurnku { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0;
} 

.hFTMle { 
    height: 100%;
} 

body { 
    line-height:   1.5; 
    font-weight:   400; 
    -webkit-backface-visibility:   hidden; 
    backface-visibility:   hidden; 
    -webkit-overflow-scrolling:   touch; 
    -webkit-touch-callout:   none; 
    -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
    font-family:  BinancePlex,Arial,sans-serif!important;
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

html body { 
    font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

.css-16scrb3 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    height: 186px; 
    background: url(https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png) repeat-x; 
    background-size: cover; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    padding-left: 16px; 
    padding-right: 16px; 
    background-image: url("https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png"); 
    background-position-x: initial; 
    background-position-y: initial; 
    background-repeat-x: repeat; 
    background-repeat-y: no-repeat; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: initial;
} 

@media screen and (min-width: 767px){ 
  .css-16scrb3 { 
    height: 182px; 
    background-size: contain;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-16scrb3 { 
    height: 130px;
  } 
}     

.css-1jx6e8b { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    text-align: center; 
    width: 100%;
} 

h1 { 
    font-size: 2em; 
    margin: 0.67em 0;
} 

.css-8rtkor { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 16px; 
    line-height: 28px; 
    margin-bottom: 12px; 
    color: #FFFFFF;
} 

@media screen and (min-width: 767px){ 
  .css-8rtkor { 
    font-size: 24px; 
    font-weight: 600;
  } 
}     

.css-1e9m2ta { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    height: 56px; 
    margin-left: auto; 
    margin-right: auto;
} 

.css-7v008c { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: -webkit-sticky; 
    position: sticky; 
    top: 0; 
    left: 0; 
    right: 0; 
    z-index: 20; 
    padding-left: 24px; 
    padding-right: 24px; 
    background-color: #1E2329;
} 

.css-yb4qvn { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 26px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-1ucf85m { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    height: 100%;
} 

.css-11zbsnw { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -ms-flex-positive: 1; 
    flex-grow: 1; 
    overflow-x: scroll; 
    height: 100%; 
    margin-right: 32px;
} 

.css-1b2kt7m { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    height: 100%; 
    -webkit-flex-shrink: 0; 
    -ms-flex-negative: 0; 
    flex-shrink: 0;
} 

.css-a0w0nh { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    gap: 16px; 
    height: 100%;
} 

@media screen and (min-width: 767px){ 
  .css-a0w0nh { 
    gap: 28px;
  } 
}     

.css-ja61tg { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    display: inline-block; 
    outline: none; 
    height: 100%; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer;
} 

.css-4kch8t { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex-shrink: 0; 
    color: rgb(132, 142, 156); 
    cursor: pointer; 
    -webkit-box-align: center; 
    align-items: center;
} 

.css-4kch8t:hover { 
    color: rgb(234, 236, 239);
} 

.css-1d0vbqk { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex-shrink: 0; 
    color: rgb(234, 236, 239); 
    border-bottom: 2px solid rgb(240, 185, 11); 
    border-top-color: rgb(240, 185, 11); 
    border-right-color: rgb(240, 185, 11); 
    border-left-color: rgb(240, 185, 11); 
    padding-top: 2px; 
    -webkit-box-align: center; 
    align-items: center;
} 

.css-17xrqsb { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    width: 4px; 
    flex-shrink: 0;
} 

.css-10nf7hq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-1tohppe { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: none; 
    pointer-events: none; 
    visibility: hidden; 
    z-index: 1100; 
    width: 100%; 
    top: -1px !important; 
    left: 0;
} 

@media screen and (min-width: 767px){ 
  .css-1tohppe { 
    width: 260px; 
    left: 24px !important;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1tohppe { 
    width: 200px;
  } 
}     

.css-1c82c04 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    font-weight: 500; 
    font-size: 14px; 
    line-height: 20px;
} 

.css-17a0wzd { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    border-radius: 0px 0px 8px 8px; 
    overflow: hidden; 
    background-color: #20262D;
} 

.css-jcz5p8 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    color: #B7BDC6; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-a0ess9 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-size: 12px; 
    color: #B7BDC6; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    height: 48px; 
    padding-left: 18px; 
    padding-right: 18px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
} 

.css-a0ess9:hover { 
    background-color: #2B3139; 
    color: #EAECEF;
} 

a { 
    background-color:  transparent;
    text-decoration: none;
} 

.css-16vuvx8 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: currentColor; 
    width: 1em; 
    height: 1em; 
    font-size: 16px; 
    fill: currentColor;
} 

.css-5b15m2 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    margin-left: 4px; 
    color: #EAECEF;
} 

.css-xbhv3i { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: #B7BDC6; 
    width: 1em; 
    height: 1em; 
    font-size: 22px; 
    fill: #B7BDC6; 
    -webkit-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
    transform: rotate(0deg);
} 

.css-l2pil5 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    margin-left: 4px;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-wnBMN.style-wnBMN {  
   max-width:1138px;  
   position:relative;  
}  
#style-tk5ox.style-tk5ox {  
   position: fixed;  
    inset: 0px auto auto 0px;  
    transform: translate(1034px, 250px);  
}  


@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:200;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:300;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.otf') format('opentype');
  font-weight:400;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.otf') format('opentype');
  font-weight:500;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:600;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:700;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:800;
} 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

li { 
    list-style: none;
} 

.css-11qmelj { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(30, 35, 41); 
    opacity: 1; 
    cursor: pointer; 
    background-color: rgb(255, 255, 255); 
    padding-top: 8px; 
    padding-bottom: 8px; 
    line-height: 1;
} 

@media screen and (min-width: 767px){ 
  .css-11qmelj { 
    max-width: 280px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-11qmelj { 
    max-width: 300px;
  } 
}     

ul { 
    list-style: none;
} 

.css-2rl2kr { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    max-height: 228px;
} 

.css-bjxrzm .bn-sdd-list { 
    padding: 0; 
    overflow-y: scroll; 
    padding-top: 4px; 
    padding-bottom: 4px; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px;
} 

.css-1tsr9u1 { 
    box-sizing: border-box; 
    margin: 0px; 
    outline: none; 
    height: auto; 
    display: none; 
    width: auto !important; 
    min-width: 100% !important;
} 

.css-bjxrzm .bn-sdd-dropdown { 
    position: absolute; 
    z-index: 1100; 
    -webkit-transition: height 0.2s ease; 
    transition: height 0.2s ease; 
    background-color: #FFFFFF; 
    box-shadow: 0px 0px 1px rgba(24,26,32,0.1),0px 7px 14px rgba(71,77,87,0.08),0px 3px 6px rgba(24,26,32,0.08); 
    border-radius: 4px;
} 

.css-bjxrzm { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    outline: none;
} 

.css-1srjhfq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 16px; 
    -webkit-align-items: flex-end; 
    -webkit-box-align: flex-end; 
    -ms-flex-align: flex-end; 
    align-items: flex-end;
} 

.css-11wo5to { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 16px; 
    padding-right: 16px; 
    padding-top: 16px; 
    padding-bottom: 16px; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    -webkit-align-items: flex-end; 
    -webkit-box-align: flex-end; 
    -ms-flex-align: flex-end; 
    align-items: flex-end;
} 

@media screen and (min-width: 767px){ 
  .css-11wo5to { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-11wo5to { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-11wo5to { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.css-ovbogu { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    background-color: #FFFFFF;
} 

.css-1dykcie { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: -webkit-sticky; 
    position: sticky; 
    top: 56px; 
    left: 0; 
    right: 0; 
    z-index: 10;
} 

.css-15owl46 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative;
} 

main { 
    display: block;
} 

.css-vurnku { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0;
} 

.hFTMle { 
    height: 100%;
} 

body { 
    line-height:   1.5; 
    font-weight:   400; 
    -webkit-backface-visibility:   hidden; 
    backface-visibility:   hidden; 
    -webkit-overflow-scrolling:   touch; 
    -webkit-touch-callout:   none; 
    -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
    font-family:  BinancePlex,Arial,sans-serif!important;
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

html body { 
    font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

.css-4cffwv { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
} 

.css-bjxrzm .bn-sdd-option { 
    white-space:  nowrap; 
    overflow:  hidden; 
    text-overflow:  ellipsis; 
    -webkit-align-items:  center; 
    -webkit-box-align:  center; 
    -ms-flex-align:  center; 
    align-items:  center;
    max-height: 40px; 
    padding-left: 16px; 
    padding-right: 16px; 
    font-size: 14px; 
    line-height: 20px;
} 

.css-22x53h { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    align-items: flex-start; 
    flex-direction: column;
} 

.css-1mjaumg { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 260 1 0%; 
    flex-direction: column;
} 

.css-1q1sp11 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex-direction: row; 
    width: 100%; 
    z-index: 2;
} 

.css-5tyonw { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    padding: 24px 0px; 
    border-bottom: 1px solid rgb(245, 245, 245); 
    width: 100%; 
    flex-direction: column; 
    height: auto; 
    background-color: white; 
    position: relative;
} 

.css-1mf6m87 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px;
} 

.css-cjwhpx { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column;
} 

.css-94s69v { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    text-align: center; 
    padding-left: 16px; 
    padding-right: 16px; 
    position: relative; 
    background-color: white; 
    min-height: 425px;
} 

@media screen and (min-width: 767px){ 
  .css-94s69v { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-94s69v { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

.css-4ptx7h { 
    box-sizing: border-box; 
    margin: 0px 0px 12px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: baseline; 
    align-items: baseline; 
    height: 24px; 
    flex-direction: column;
} 

@media screen and (min-width: 767px){ 
  .css-4ptx7h { 
    flex-direction: column;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-4ptx7h { 
    flex-direction: row;
  } 
}     

.css-11db165 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 242 1 0%;
} 

.css-1kj0ifu { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex-direction: row; 
    -webkit-box-align: baseline; 
    align-items: baseline;
} 

.css-lalzkr { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 265 1 0%; 
    flex-direction: column;
} 

.css-16w8hmr { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: baseline; 
    align-items: baseline; 
    flex-direction: column;
} 

@media screen and (min-width: 767px){ 
  .css-16w8hmr { 
    flex-direction: column;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-16w8hmr { 
    flex-direction: row;
  } 
}     

.css-p73vh1 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    height: auto; 
    background: #1E2329;
} 

.css-16scrb3 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    height: 186px; 
    background: url(https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png) repeat-x; 
    background-size: cover; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    padding-left: 16px; 
    padding-right: 16px; 
    background-image: url("https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png"); 
    background-position-x: initial; 
    background-position-y: initial; 
    background-repeat-x: repeat; 
    background-repeat-y: no-repeat; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: initial;
} 

@media screen and (min-width: 767px){ 
  .css-16scrb3 { 
    height: 182px; 
    background-size: contain;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-16scrb3 { 
    height: 130px;
  } 
}     

.css-1n3cl9k { 
    box-sizing: border-box; 
    margin: 0px 0px 8px; 
    min-width: 0px; 
    display: inline-block; 
    position: relative;
} 

.css-tlcbro { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    flex: 185 1 0%; 
    display: none; 
    flex-wrap: wrap;
} 

@media screen and (min-width: 767px){ 
  .css-tlcbro { 
    display: none;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-tlcbro { 
    display: block;
  } 
}     

.css-15b4at0 { 
    box-sizing: border-box; 
    margin: 0px 4px 0px 0px; 
    min-width: 0px; 
    display: flex; 
    background-color: rgb(250, 250, 250); 
    border-radius: 2px; 
    font-size: 10px; 
    -webkit-box-align: center; 
    align-items: center; 
    padding: 4px; 
    cursor: pointer;
} 

.css-1jx6e8b { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    text-align: center; 
    width: 100%;
} 

h1 { 
    font-size: 2em; 
    margin: 0.67em 0;
} 

.css-8rtkor { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 16px; 
    line-height: 28px; 
    margin-bottom: 12px; 
    color: #FFFFFF;
} 

@media screen and (min-width: 767px){ 
  .css-8rtkor { 
    font-size: 24px; 
    font-weight: 600;
  } 
}     

.css-1e9m2ta { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    height: 56px; 
    margin-left: auto; 
    margin-right: auto;
} 

.css-7v008c { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: -webkit-sticky; 
    position: sticky; 
    top: 0; 
    left: 0; 
    right: 0; 
    z-index: 20; 
    padding-left: 24px; 
    padding-right: 24px; 
    background-color: #1E2329;
} 

.css-yb4qvn { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 26px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-kwfbf { 
    box-sizing: border-box; 
    margin: 24px 0px 32px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-pack: end; 
    justify-content: flex-end;
} 

.css-1ejpgf8 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    position: absolute; 
    z-index: 1; 
    width: 100%; 
    height: 100%; 
    inset: 0px; 
    background: rgba(255, 255, 255, 0.5); 
    display: none;
} 

.css-3s6av9 { 
    box-sizing: border-box; 
    margin: 6px 0px 0px 20px; 
    min-width: 0px; 
    display: none; 
    z-index: 2;
} 

@media screen and (min-width: 767px){ 
  .css-3s6av9 { 
    display: block;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-3s6av9 { 
    display: none;
  } 
}     

a { 
    background-color:  transparent;
    text-decoration: none;
} 

.css-110d34c { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(0, 178, 122); 
    text-decoration: none;
} 

.css-1ucf85m { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    height: 100%;
} 

.css-11zbsnw { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -ms-flex-positive: 1; 
    flex-grow: 1; 
    overflow-x: scroll; 
    height: 100%; 
    margin-right: 32px;
} 

.css-1t93tpj { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    width: 100%; 
    height: 40px; 
    -webkit-box-align: center; 
    align-items: center; 
    color: rgb(132, 142, 156); 
    font-size: 12px; 
    background-color: rgb(255, 255, 255); 
    border-bottom: 1px solid rgb(245, 245, 245);
} 

.css-9pcgx1 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 242 1 0%; 
    -webkit-box-align: center; 
    align-items: center;
} 

.css-8i4gf0 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: block; 
    flex: 265 1 0%;
} 

.css-1e0ik0w { 
    box-sizing: border-box; 
    margin: 0px 0px 0px 10px; 
    min-width: 0px; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    color: rgb(30, 35, 41); 
    font-size: 12px;
} 

@media screen and (min-width: 767px){ 
  .css-1e0ik0w { 
    flex-direction: column; 
    align-items: flex-start; 
    margin-left: 22px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1e0ik0w { 
    flex-direction: row; 
    -webkit-box-align: center; 
    align-items: center;
  } 
}     

.css-az0ant { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: none; 
    flex: 185 1 0%;
} 

@media screen and (min-width: 767px){ 
  .css-az0ant { 
    display: none;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-az0ant { 
    display: block;
  } 
}     

.css-5hcgfy { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 126 1 0%; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: end; 
    justify-content: flex-end;
} 

.css-1b2kt7m { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    height: 100%; 
    -webkit-flex-shrink: 0; 
    -ms-flex-negative: 0; 
    flex-shrink: 0;
} 

.css-3v2ep2 { 
    box-sizing: border-box; 
    margin: 0px 0px 8px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: baseline; 
    align-items: baseline; 
    flex-direction: column;
} 

@media screen and (min-width: 767px){ 
  .css-3v2ep2 { 
    flex-direction: column;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-3v2ep2 { 
    flex-direction: row;
  } 
}     

.css-b0tuh4 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    flex-wrap: wrap; 
    -webkit-box-pack: center; 
    justify-content: center;
} 

.css-9cwl6c { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    margin-right: 8px;
} 

.css-i67r53 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: #C99400; 
    background-color: #FEF6D8; 
    padding-left: 4px; 
    padding-right: 4px; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    border-radius: 4px; 
    white-space: nowrap; 
    display: none;
} 

@media screen and (min-width: 767px){ 
  .css-i67r53 { 
    display: none;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-i67r53 { 
    display: block;
  } 
}     

.css-zknap4 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: #03A66D; 
    background-color: #E6FFF1; 
    padding-left: 4px; 
    padding-right: 4px; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    border-radius: 4px; 
    white-space: nowrap;
} 

.css-1kh7ut8 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    width: 0px; 
    align-items: flex-start;
} 

@media screen and (min-width: 767px){ 
  .css-1kh7ut8 { 
    width: 126px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1kh7ut8 { 
    width: 126px;
  } 
}     

.css-wkew7p { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-pack: end; 
    justify-content: flex-end; 
    flex: 126 1 0%;
} 

button { 
    font-family:    inherit; 
    font-size:    100%; 
    line-height:    1.15; 
    margin:    0;
    overflow:   visible;
    text-transform:  none;
    -webkit-appearance: none; 
    appearance: none; 
    border: none;
} 

button,[type="button"] { 
    -webkit-appearance: button;
} 

.css-s1iig6 { 
    margin: 0px; 
    appearance: none; 
    user-select: none; 
    cursor: pointer; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    display: inline-flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    box-sizing: border-box; 
    font-size: 14px; 
    font-family: inherit; 
    font-weight: 500; 
    text-align: center; 
    text-decoration: none; 
    outline: none; 
    padding: 6px 12px; 
    line-height: 20px; 
    min-width: 52px; 
    word-break: keep-all; 
    color: rgb(255, 255, 255); 
    border-radius: 4px; 
    min-height: 24px; 
    border: none; 
    background-color: rgb(14, 203, 129); 
    width: 0px;
} 

@media screen and (min-width: 767px){ 
  .css-s1iig6 { 
    width: 126px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-s1iig6 { 
    width: 126px;
  } 
}     

.css-ja61tg { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    display: inline-block; 
    outline: none; 
    height: 100%; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer;
} 

.css-1mf6m87 > :first-child  { 
    border-top: 1px solid rgb(234, 236, 239);
} 

@media screen and (min-width: 767px){ 
  .css-1mf6m87 > :first-child  { 
    border-top: none;
  } 
}     

.css-1qadxr0 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(25, 28, 31); 
    text-decoration: none;
} 

.css-9plirf { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(99, 170, 153); 
    text-decoration: none;
} 

.css-2b7oyo { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(0, 128, 196); 
    text-decoration: none;
} 

button { 
    -webkit-appearance: button;
} 

.css-11xno5y { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    cursor: pointer; 
    font-size: 14px; 
    border: none; 
    outline: none; 
    height: 28px; 
    padding: 0px; 
    background-color: transparent; 
    border-radius: 4px; 
    font-weight: 400; 
    min-width: 16px; 
    color: rgb(234, 236, 239);
} 

.css-11xno5y:disabled { 
    cursor: default;
} 

.css-5jht7o { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    cursor: pointer; 
    font-size: 14px; 
    border: none; 
    outline: none; 
    min-width: 28px; 
    height: 28px; 
    padding: 0px; 
    background-color: rgb(234, 236, 239); 
    border-radius: 4px; 
    color: rgb(30, 35, 41); 
    font-weight: 500;
} 

.css-5jht7o:disabled { 
    cursor: default;
} 

.css-hlqxzb { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    cursor: pointer; 
    font-size: 14px; 
    border: none; 
    outline: none; 
    min-width: 28px; 
    height: 28px; 
    padding: 0px; 
    background-color: transparent; 
    border-radius: 4px; 
    color: rgb(71, 77, 87); 
    font-weight: 400;
} 

.css-hlqxzb:hover:not(:disabled) { 
    background-color: rgb(234, 236, 239);
} 

.css-p8j3oz { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(34, 34, 34); 
    text-decoration: none;
} 

.css-hlqxzb:disabled { 
    cursor: default;
} 

.css-1w7smpm { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    cursor: pointer; 
    font-size: 14px; 
    border: none; 
    outline: none; 
    height: 28px; 
    padding: 0px; 
    background-color: transparent; 
    border-radius: 4px; 
    font-weight: 400; 
    min-width: 16px; 
    color: rgb(71, 77, 87);
} 

.css-1w7smpm:hover:not(:disabled) { 
    background-color: rgb(234, 236, 239);
} 

.css-10nf7hq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-1wg4g4w { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(214, 44, 23); 
    text-decoration: none;
} 

.css-cfmwli { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(16, 41, 142); 
    text-decoration: none;
} 

.css-jcz5p8 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    color: #B7BDC6; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-16vuvx8 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: currentColor; 
    width: 1em; 
    height: 1em; 
    font-size: 16px; 
    fill: currentColor;
} 

.css-47xjp7 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px;
} 

@media screen and (min-width: 767px){ 
  .css-47xjp7 { 
    margin-top: -6px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-47xjp7 { 
    margin-top: 0px;
  } 
}     

.css-1u7jnqh { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    min-width: 0px; 
    width: 1px; 
    height: 8px; 
    background-color: rgb(234, 236, 239); 
    display: none;
} 

@media screen and (min-width: 767px){ 
  .css-1u7jnqh { 
    display: none;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1u7jnqh { 
    display: block;
  } 
}     

.css-19crpgd { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px;
} 

@media screen and (min-width: 767px){ 
  .css-19crpgd { 
    margin-top: 6px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-19crpgd { 
    margin-top: 0px;
  } 
}     

.css-10xz8ps { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    width: fit-content;
} 

@media screen and (min-width: 767px){ 
  .css-10xz8ps { 
    margin-left: 22px; 
    margin-top: 8px;
  } 
}     

.css-1m1f8hn { 
    box-sizing: border-box; 
    margin: 0px 4px 0px 0px; 
    min-width: 0px; 
    font-size: 20px; 
    color: rgb(11, 14, 17);
} 

.css-dyl994 { 
    box-sizing: border-box; 
    margin: 0px 8px 0px 0px; 
    min-width: 0px; 
    font-size: 12px;
} 

.css-1v5oc77 { 
    box-sizing: border-box; 
    margin: 0px 8px 0px 0px; 
    min-width: 50px; 
    color: rgb(112, 122, 138); 
    text-align: left; 
    font-size: 12px;
} 

.css-1xpwn7b .bn-input-prefix { 
    display: flex;
    flex-shrink:  0; 
    margin-right:  4px; 
    font-size:  14px;
} 

.css-1xpwn7b { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: inline-flex; 
    position: relative; 
    -webkit-box-align: center; 
    align-items: center; 
    line-height: 1.6; 
    height: 40px; 
    background-color: rgb(245, 245, 245); 
    border-radius: 4px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: transparent; 
    width: 100%;
} 

.css-16vu25q { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    width: 100%;
} 

.css-bjxrzm .bn-sdd-innerInputContainer { 
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    width: 100%;
} 

.css-1d886ym { 
    box-sizing: border-box; 
    margin: 0px -8px 0px 8px; 
    min-width: 0px; 
    color: rgb(183, 189, 198); 
    font-size: 24px; 
    fill: rgb(183, 189, 198); 
    width: 1em; 
    height: 1em;
} 

.css-bjxrzm .bn-sdd-icon { 
    cursor: pointer; 
    vertical-align: middle;
} 

.css-1ii0qmr { 
    box-sizing: border-box; 
    margin: 0px 8px 0px 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center;
} 

.css-1pysja1 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    flex: 1 1 0%;
} 

.css-1pydvw { 
    box-sizing: border-box; 
    margin: 0px 0px 8px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center;
} 

.css-1iztezc { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: currentColor; 
    width: 1em; 
    height: 1em; 
    font-size: 24px; 
    fill: currentColor;
} 

.css-1qcgh9 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(242, 103, 36); 
    text-decoration: none;
} 

.css-1mkieus { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(16, 41, 129); 
    text-decoration: none;
} 

.css-mfun4r { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(40, 53, 114); 
    text-decoration: none;
} 

.css-x3454t { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    border-radius: 50%; 
    background-color: rgb(70, 83, 200); 
    font-size: 12px; 
    text-align: center; 
    color: white; 
    width: 16px; 
    height: 16px; 
    line-height: 16px; 
    flex: 0 0 auto; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center;
} 

.css-1jb7fpj { 
    box-sizing: border-box; 
    margin: 0px 0px 0px 8px; 
    min-width: 0px;
} 

.css-uobyyd { 
    box-sizing: border-box; 
    margin: 0px 6px 0px 0px; 
    min-width: 0px; 
    color: rgb(14, 203, 129); 
    font-size: 16px; 
    fill: rgb(14, 203, 129); 
    width: 1em; 
    height: 1em;
} 

.css-1ez451f { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    font-weight: 400; 
    font-size: 12px; 
    line-height: 16px; 
    color: rgb(112, 122, 138);
} 

.css-1o8d0f2 { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    min-width: 0px;
} 

.css-1wqli24 { 
    box-sizing: border-box; 
    margin: 0px 4px 0px -4px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 2px; 
    background-color: rgb(16, 41, 129);
} 

.css-1kbwacx { 
    box-sizing: border-box; 
    margin: 0px 4px 0px -4px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 2px; 
    background-color: rgb(0, 121, 173);
} 

.css-w1jk2d { 
    box-sizing: border-box; 
    margin: 0px 4px 0px -4px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 2px; 
    background-color: rgb(0, 105, 75);
} 

.css-1gg3d4 { 
    box-sizing: border-box; 
    margin: 0px 4px 0px -4px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 2px; 
    background-color: rgb(226, 0, 26);
} 

.css-1t7f6cd { 
    box-sizing: border-box; 
    margin: 0px 4px 0px -4px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 2px; 
    background-color: rgb(0, 173, 124);
} 

img { 
    border-style: none;
} 

.css-5lp9bl { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    max-width: 100%; 
    object-fit: cover; 
    border-radius: 50%; 
    flex-shrink: 0; 
    width: 16px; 
    height: 16px;
} 

.css-1ixfpxy { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: inline-block; 
    vertical-align: middle;
} 

.css-17vxs3h { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    position: relative; 
    display: flex;
} 

.css-1h2n4z6 { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    min-width: 0px; 
    max-width: 100%; 
    width: 16px; 
    height: 16px;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#C2Cofferlistsell_link_merchant.style-LqUGM {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-lnHHo.style-lnHHo {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-oUUfl {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-tiglm.style-tiglm {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-fR2A1 {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-rFlvv.style-rFlvv {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-otNQ1 {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-gjosa.style-gjosa {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-cnUOz {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-gjl38.style-gjl38 {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-aVG34 {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-C7qrv.style-C7qrv {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-C4TyD {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-cI3nB.style-cI3nB {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-QBw2d {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-bWT5A.style-bWT5A {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-cWA7I {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-kivYV.style-kivYV {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#C2Cofferlistsell_link_merchant.style-9LqHr {  
   color: rgb(40, 92, 147);  
    text-decoration: none;  
    cursor: pointer;  
}  
#style-AzHFL.style-AzHFL {  
   direction: ltr;  
    display: flex;  
    flex-wrap: wrap;  
}  
#style-WonH6.style-WonH6 {  
   direction: ltr;  
}  




@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:200;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:300;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.otf') format('opentype');
  font-weight:400;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.otf') format('opentype');
  font-weight:500;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:600;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:700;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:800;
} 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

.css-p73vh1 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    height: auto; 
    background: #1E2329;
} 

.css-15owl46 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative;
} 

main { 
    display: block;
} 

.css-vurnku { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0;
} 

.hFTMle { 
    height: 100%;
} 

body { 
    line-height:   1.5; 
    font-weight:   400; 
    -webkit-backface-visibility:   hidden; 
    backface-visibility:   hidden; 
    -webkit-overflow-scrolling:   touch; 
    -webkit-touch-callout:   none; 
    -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
    font-family:  BinancePlex,Arial,sans-serif!important;
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

html body { 
    font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

.css-16scrb3 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    height: 186px; 
    background: url(https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png) repeat-x; 
    background-size: cover; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    padding-left: 16px; 
    padding-right: 16px; 
    background-image: url("https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png"); 
    background-position-x: initial; 
    background-position-y: initial; 
    background-repeat-x: repeat; 
    background-repeat-y: no-repeat; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: initial;
} 

@media screen and (min-width: 767px){ 
  .css-16scrb3 { 
    height: 182px; 
    background-size: contain;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-16scrb3 { 
    height: 130px;
  } 
}     

.css-1jx6e8b { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    text-align: center; 
    width: 100%;
} 

h1 { 
    font-size: 2em; 
    margin: 0.67em 0;
} 

.css-8rtkor { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 16px; 
    line-height: 28px; 
    margin-bottom: 12px; 
    color: #FFFFFF;
} 

@media screen and (min-width: 767px){ 
  .css-8rtkor { 
    font-size: 24px; 
    font-weight: 600;
  } 
}     

.css-1e9m2ta { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    height: 56px; 
    margin-left: auto; 
    margin-right: auto;
} 

.css-7v008c { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: -webkit-sticky; 
    position: sticky; 
    top: 0; 
    left: 0; 
    right: 0; 
    z-index: 20; 
    padding-left: 24px; 
    padding-right: 24px; 
    background-color: #1E2329;
} 

.css-yb4qvn { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 26px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-1ucf85m { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    height: 100%;
} 

.css-11zbsnw { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -ms-flex-positive: 1; 
    flex-grow: 1; 
    overflow-x: scroll; 
    height: 100%; 
    margin-right: 32px;
} 

.css-1t93tpj { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    width: 100%; 
    height: 40px; 
    -webkit-box-align: center; 
    align-items: center; 
    color: rgb(132, 142, 156); 
    font-size: 12px; 
    background-color: rgb(255, 255, 255); 
    border-bottom: 1px solid rgb(245, 245, 245);
} 

.css-cjwhpx { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column;
} 

.css-94s69v { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    text-align: center; 
    padding-left: 16px; 
    padding-right: 16px; 
    position: relative; 
    background-color: white; 
    min-height: 425px;
} 

@media screen and (min-width: 767px){ 
  .css-94s69v { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-94s69v { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

.css-9pcgx1 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 242 1 0%; 
    -webkit-box-align: center; 
    align-items: center;
} 

.css-1b2kt7m { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    height: 100%; 
    -webkit-flex-shrink: 0; 
    -ms-flex-negative: 0; 
    flex-shrink: 0;
} 

.css-gfhiv7 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 16px;
} 

@media screen and (min-width: 767px){ 
  .css-gfhiv7 { 
    grid-template-columns: 1fr;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-gfhiv7 { 
    grid-template-columns: repeat(3,1fr);
  } 
}     

.css-ps3k7j { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
    background-color: #FAFAFA; 
    padding-left: 16px; 
    padding-right: 16px; 
    padding-top: 48px; 
    padding-bottom: 48px; 
    border-radius: 32px;
} 

@media screen and (min-width: 767px){ 
  .css-ps3k7j { 
    padding-left: 32px; 
    padding-right: 32px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-ps3k7j { 
    padding-left: 40px; 
    padding-right: 40px;
  } 
}     

.css-1vev1uj { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    padding-left: 0; 
    padding-right: 0;
} 

@media screen and (min-width: 767px){ 
  .css-1vev1uj { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1vev1uj { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-1vev1uj { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.css-3jfi1d { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 60px; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    margin-bottom: 0;
} 

@media screen and (min-width: 767px){ 
  .css-3jfi1d { 
    gap: 60px; 
    margin-bottom: 60px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-3jfi1d { 
    gap: 100px; 
    margin-bottom: 80px;
  } 
}     

.css-8b5fg3 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    border: 1px solid; 
    border-color: #EAECEF; 
    border-radius: 16px; 
    padding-left: 16px; 
    padding-right: 16px; 
    padding-top: 40px; 
    padding-bottom: 40px; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-9cwl6c { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    margin-right: 8px;
} 

.css-1m93eb0 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 20px; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    margin-bottom: 40px;
} 

@media screen and (min-width: 767px){ 
  .css-1m93eb0 { 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row;
  } 
}     

.css-gnqbje { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: block;
} 

.css-1bzb8nq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: none;
} 

.css-ja61tg { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    display: inline-block; 
    outline: none; 
    height: 100%; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    cursor: pointer;
} 

.css-o5kfun { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 20px; 
    line-height: 28px; 
    margin-bottom: 16px;
} 

.css-1wu7wb2 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    color: #707A8A; 
    text-align: center;
} 

.css-joa6mv { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    margin-bottom: 24px;
} 

.css-z2wfdb { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    white-space: nowrap; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    overflow: scroll; 
    -ms-overflow-style: none; 
    -webkit-scrollbar-width: none; 
    -moz-scrollbar-width: none; 
    -ms-scrollbar-width: none; 
    scrollbar-width: none;
} 

.css-ov54vn { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: auto; 
    cursor: pointer;
} 

.css-10nf7hq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-37ul6t { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: currentColor; 
    width: 1em; 
    height: 1em; 
    font-size: 84px; 
    fill: currentColor;
} 

.css-kxeeis .bn-input-suffix { 
    -webkit-flex-shrink: 0; 
    -ms-flex-negative: 0; 
    flex-shrink: 0; 
    margin-left: 4px; 
    margin-right: 4px; 
    font-size: 14px;
} 

.css-kxeeis { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    position: relative; 
    margin-top: 32px; 
    margin-bottom: 0px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    line-height: 1.6; 
    height: 40px; 
    background-color: #F5F5F5; 
    border-radius: 4px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: transparent;
} 

.css-10zdvj4 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 240px;
} 

.css-1srjhfq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 16px; 
    -webkit-align-items: flex-end; 
    -webkit-box-align: flex-end; 
    -ms-flex-align: flex-end; 
    align-items: flex-end;
} 

.css-11wo5to { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 16px; 
    padding-right: 16px; 
    padding-top: 16px; 
    padding-bottom: 16px; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    -webkit-align-items: flex-end; 
    -webkit-box-align: flex-end; 
    -ms-flex-align: flex-end; 
    align-items: flex-end;
} 

@media screen and (min-width: 767px){ 
  .css-11wo5to { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-11wo5to { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-11wo5to { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.css-ovbogu { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    background-color: #FFFFFF;
} 

.css-1dykcie { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: -webkit-sticky; 
    position: sticky; 
    top: 56px; 
    left: 0; 
    right: 0; 
    z-index: 10;
} 

.css-4cffwv { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
} 

.css-82f717 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 14px; 
    line-height: 20px; 
    -webkit-letter-spacing: .16px; 
    -moz-letter-spacing: .16px; 
    -ms-letter-spacing: .16px; 
    letter-spacing: .16px; 
    padding: 8px 16px; 
    margin-right: 16px; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    color: #1E2329; 
    border-radius: 20px;
} 

@media screen and (min-width: 767px){ 
  .css-82f717 { 
    font-size: 16px; 
    line-height: 24px; 
    -webkit-letter-spacing: .32px; 
    -moz-letter-spacing: .32px; 
    -ms-letter-spacing: .32px; 
    letter-spacing: .32px; 
    padding: 8px 24px;
  } 
}     

.css-82f717:hover { 
    background-color: #F5F5F5;
} 

.css-jcz5p8 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    color: #B7BDC6; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.css-22x53h { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    align-items: flex-start; 
    flex-direction: column;
} 

.css-1mjaumg { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 260 1 0%; 
    flex-direction: column;
} 

.css-1q1sp11 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex-direction: row; 
    width: 100%; 
    z-index: 2;
} 

.css-5tyonw { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    padding: 24px 0px; 
    border-bottom: 1px solid rgb(245, 245, 245); 
    width: 100%; 
    flex-direction: column; 
    height: auto; 
    background-color: white; 
    position: relative;
} 

.css-1mf6m87 > :first-child  { 
    border-top: 1px solid rgb(234, 236, 239);
} 

@media screen and (min-width: 767px){ 
  .css-1mf6m87 > :first-child  { 
    border-top: none;
  } 
}     

.css-1mf6m87 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px;
} 

.css-1n3cl9k { 
    box-sizing: border-box; 
    margin: 0px 0px 8px; 
    min-width: 0px; 
    display: inline-block; 
    position: relative;
} 

.css-tlcbro { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    flex: 185 1 0%; 
    display: none; 
    flex-wrap: wrap;
} 

@media screen and (min-width: 767px){ 
  .css-tlcbro { 
    display: none;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-tlcbro { 
    display: block;
  } 
}     

.css-15b4at0 { 
    box-sizing: border-box; 
    margin: 0px 4px 0px 0px; 
    min-width: 0px; 
    display: flex; 
    background-color: rgb(250, 250, 250); 
    border-radius: 2px; 
    font-size: 10px; 
    -webkit-box-align: center; 
    align-items: center; 
    padding: 4px; 
    cursor: pointer;
} 

.css-16vuvx8 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    color: currentColor; 
    width: 1em; 
    height: 1em; 
    font-size: 16px; 
    fill: currentColor;
} 

.css-5b15m2 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    margin-left: 4px; 
    color: #EAECEF;
} 

.css-a0ess9 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-size: 12px; 
    color: #B7BDC6; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    height: 48px; 
    padding-left: 18px; 
    padding-right: 18px; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
} 

.css-17a0wzd { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    border-radius: 0px 0px 8px 8px; 
    overflow: hidden; 
    background-color: #20262D;
} 

.css-1tohppe { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: none; 
    pointer-events: none; 
    visibility: hidden; 
    z-index: 1100; 
    width: 100%; 
    top: -1px !important; 
    left: 0;
} 

@media screen and (min-width: 767px){ 
  .css-1tohppe { 
    width: 260px; 
    left: 24px !important;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1tohppe { 
    width: 200px;
  } 
}     

.css-l2pil5 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    margin-left: 4px;
} 

a { 
    background-color:  transparent;
    text-decoration: none;
} 

.css-3v2ep2 { 
    box-sizing: border-box; 
    margin: 0px 0px 8px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: baseline; 
    align-items: baseline; 
    flex-direction: column;
} 

@media screen and (min-width: 767px){ 
  .css-3v2ep2 { 
    flex-direction: column;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-3v2ep2 { 
    flex-direction: row;
  } 
}     

.css-lalzkr { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    flex: 265 1 0%; 
    flex-direction: column;
} 

.css-1v5oc77 { 
    box-sizing: border-box; 
    margin: 0px 8px 0px 0px; 
    min-width: 50px; 
    color: rgb(112, 122, 138); 
    text-align: left; 
    font-size: 12px;
} 

.css-1xpwn7b .bn-input-prefix { 
    display: flex;
    flex-shrink:  0; 
    margin-right:  4px; 
    font-size:  14px;
} 

.css-1xpwn7b { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: inline-flex; 
    position: relative; 
    -webkit-box-align: center; 
    align-items: center; 
    line-height: 1.6; 
    height: 40px; 
    background-color: rgb(245, 245, 245); 
    border-radius: 4px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: transparent; 
    width: 100%;
} 

.css-16vu25q { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    width: 100%;
} 

.css-bjxrzm .bn-sdd-innerInputContainer { 
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    width: 100%;
} 

.css-1tsr9u1 { 
    box-sizing: border-box; 
    margin: 0px; 
    outline: none; 
    height: auto; 
    display: none; 
    width: auto !important; 
    min-width: 100% !important;
} 

.css-bjxrzm .bn-sdd-dropdown { 
    position: absolute; 
    z-index: 1100; 
    -webkit-transition: height 0.2s ease; 
    transition: height 0.2s ease; 
    background-color: #FFFFFF; 
    box-shadow: 0px 0px 1px rgba(24,26,32,0.1),0px 7px 14px rgba(71,77,87,0.08),0px 3px 6px rgba(24,26,32,0.08); 
    border-radius: 4px;
} 

.css-bjxrzm { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    outline: none;
} 

.css-1d886ym { 
    box-sizing: border-box; 
    margin: 0px -8px 0px 8px; 
    min-width: 0px; 
    color: rgb(183, 189, 198); 
    font-size: 24px; 
    fill: rgb(183, 189, 198); 
    width: 1em; 
    height: 1em;
} 

.css-bjxrzm .bn-sdd-icon { 
    cursor: pointer; 
    vertical-align: middle;
} 

.css-16w8hmr { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: baseline; 
    align-items: baseline; 
    flex-direction: column;
} 

@media screen and (min-width: 767px){ 
  .css-16w8hmr { 
    flex-direction: column;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-16w8hmr { 
    flex-direction: row;
  } 
}     

.css-110d34c { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(0, 178, 122); 
    text-decoration: none;
} 

.css-bjxrzm .bn-sdd-option { 
    white-space:  nowrap; 
    overflow:  hidden; 
    text-overflow:  ellipsis; 
    -webkit-align-items:  center; 
    -webkit-box-align:  center; 
    -ms-flex-align:  center; 
    align-items:  center;
    max-height: 40px; 
    padding-left: 16px; 
    padding-right: 16px; 
    font-size: 14px; 
    line-height: 20px;
} 

li { 
    list-style: none;
} 

.css-11qmelj { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(30, 35, 41); 
    opacity: 1; 
    cursor: pointer; 
    background-color: rgb(255, 255, 255); 
    padding-top: 8px; 
    padding-bottom: 8px; 
    line-height: 1;
} 

@media screen and (min-width: 767px){ 
  .css-11qmelj { 
    max-width: 280px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-11qmelj { 
    max-width: 300px;
  } 
}     

ul { 
    list-style: none;
} 

.css-2rl2kr { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    max-height: 228px;
} 

.css-bjxrzm .bn-sdd-list { 
    padding: 0; 
    overflow-y: scroll; 
    padding-top: 4px; 
    padding-bottom: 4px; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px;
} 

.css-1ii0qmr { 
    box-sizing: border-box; 
    margin: 0px 8px 0px 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center;
} 

.css-1e0ik0w { 
    box-sizing: border-box; 
    margin: 0px 0px 0px 10px; 
    min-width: 0px; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    color: rgb(30, 35, 41); 
    font-size: 12px;
} 

@media screen and (min-width: 767px){ 
  .css-1e0ik0w { 
    flex-direction: column; 
    align-items: flex-start; 
    margin-left: 22px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1e0ik0w { 
    flex-direction: row; 
    -webkit-box-align: center; 
    align-items: center;
  } 
}     

.css-1u7jnqh { 
    box-sizing: border-box; 
    margin: 0px 4px; 
    min-width: 0px; 
    width: 1px; 
    height: 8px; 
    background-color: rgb(234, 236, 239); 
    display: none;
} 

@media screen and (min-width: 767px){ 
  .css-1u7jnqh { 
    display: none;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1u7jnqh { 
    display: block;
  } 
}     


* { 
  box-sizing: border-box; 
  margin: 0; 
  padding: 0; 
  outline: 0; 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

.css-p73vh1 { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  width: 100%; 
  height: auto; 
  background: #1E2329;
} 

.css-15owl46 { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  position: relative;
} 

main { 
  display: block;
} 

.css-vurnku { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0;
} 

.hFTMle { 
  height: 100%;
} 

body { 
  line-height:   1.5; 
  font-weight:   400; 
  -webkit-backface-visibility:   hidden; 
  backface-visibility:   hidden; 
  -webkit-overflow-scrolling:   touch; 
  -webkit-touch-callout:   none; 
  -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
  font-family:  BinancePlex,Arial,sans-serif!important;
  padding: 0px; 
  margin: 0px; 
  background: rgb(255, 255, 255); 
  color: rgb(33, 40, 51); 
  overflow: auto; 
  height: 100%; 
  font-size: 14px;
} 

html body { 
  font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
  padding: 0px; 
  margin: 0px; 
  background: rgb(255, 255, 255); 
  color: rgb(33, 40, 51); 
  overflow: auto; 
  height: 100%; 
  font-size: 14px;
} 

.css-16scrb3 { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  width: 100%; 
  height: 186px; 
  background: url(https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png) repeat-x; 
  background-size: cover; 
  -webkit-align-items: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center; 
  padding-left: 16px; 
  padding-right: 16px; 
  background-image: url("https://bin.bnbstatic.com/static/images/c2c/trade-candle-banner.png"); 
  background-position-x: initial; 
  background-position-y: initial; 
  background-repeat-x: repeat; 
  background-repeat-y: no-repeat; 
  background-attachment: initial; 
  background-origin: initial; 
  background-clip: initial; 
  background-color: initial;
} 

@media screen and (min-width: 767px){ 
.css-16scrb3 { 
  height: 182px; 
  background-size: contain;
} 
}     

@media screen and (min-width: 1023px){ 
.css-16scrb3 { 
  height: 130px;
} 
}     

.css-1jx6e8b { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-align-items: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center; 
  -webkit-flex-direction: column; 
  -ms-flex-direction: column; 
  flex-direction: column; 
  text-align: center; 
  width: 100%;
} 

h1 { 
  font-size: 2em; 
  margin: 0.67em 0;
} 

.css-8rtkor { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  font-weight: 500; 
  font-size: 16px; 
  line-height: 28px; 
  margin-bottom: 12px; 
  color: #FFFFFF;
} 

@media screen and (min-width: 767px){ 
.css-8rtkor { 
  font-size: 24px; 
  font-weight: 600;
} 
}     

.css-1ucf85m { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  position: relative; 
  height: 100%;
} 

.css-1e9m2ta { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  width: 100%; 
  -webkit-box-pack: justify; 
  -webkit-justify-content: space-between; 
  -ms-flex-pack: justify; 
  justify-content: space-between; 
  height: 56px; 
  margin-left: auto; 
  margin-right: auto;
} 

.css-7v008c { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  position: -webkit-sticky; 
  position: sticky; 
  top: 0; 
  left: 0; 
  right: 0; 
  z-index: 20; 
  padding-left: 24px; 
  padding-right: 24px; 
  background-color: #1E2329;
} 

.css-11zbsnw { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  -webkit-box-flex: 1; 
  -webkit-flex-grow: 1; 
  -ms-flex-positive: 1; 
  flex-grow: 1; 
  overflow-x: scroll; 
  height: 100%; 
  margin-right: 32px;
} 

.css-1ll8a8b { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: grid; 
  grid-template-columns: 1fr; 
  -webkit-column-gap: 111px; 
  column-gap: 111px;
} 

@media screen and (min-width: 767px){ 
.css-1ll8a8b { 
  grid-template-columns: 1fr;
} 
}     

@media screen and (min-width: 1023px){ 
.css-1ll8a8b { 
  grid-template-columns: 1fr 360px;
} 
}     

.css-de9f3u { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  width: 100%; 
  max-width: 1136px; 
  margin-left: auto; 
  margin-right: auto; 
  padding-left: 16px; 
  padding-right: 16px;
} 

@media screen and (min-width: 767px){ 
.css-de9f3u { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

@media screen and (min-width: 1023px){ 
.css-de9f3u { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

@media screen and (min-width: 1279px){ 
.css-de9f3u { 
  padding-left: 0; 
  padding-right: 0;
} 
}     

.css-3jfi1d { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  gap: 60px; 
  -webkit-flex-direction: column; 
  -ms-flex-direction: column; 
  flex-direction: column; 
  margin-bottom: 0;
} 

@media screen and (min-width: 767px){ 
.css-3jfi1d { 
  gap: 60px; 
  margin-bottom: 60px;
} 
}     

@media screen and (min-width: 1023px){ 
.css-3jfi1d { 
  gap: 100px; 
  margin-bottom: 80px;
} 
}     

.css-bck26j { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: none;
} 

@media screen and (min-width: 767px){ 
.css-bck26j { 
  display: none;
} 
}     

@media screen and (min-width: 1023px){ 
.css-bck26j { 
  display: block;
} 
}     

.css-a0w0nh { 
  box-sizing: border-box; 
  margin: 0px; 
  min-width: 0px; 
  display: flex; 
  gap: 16px; 
  height: 100%;
} 

@media screen and (min-width: 767px){ 
.css-a0w0nh { 
  gap: 28px;
} 
}     

.css-ir6vsm { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  padding-top: 0;
} 

@media screen and (min-width: 767px){ 
.css-ir6vsm { 
  padding-top: 0;
} 
}     

@media screen and (min-width: 1023px){ 
.css-ir6vsm { 
  padding-top: 64px;
} 
}     

.css-4ifs3r { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  gap: 48px; 
  -webkit-flex-direction: column; 
  -ms-flex-direction: column; 
  flex-direction: column;
} 

img { 
  border-style: none;
} 

.css-1jrb253 { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  max-width: 100%; 
  height: 620px; 
  width: 321px;
} 

.css-z2wfdb { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  width: 100%; 
  white-space: nowrap; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-flex-direction: row; 
  -ms-flex-direction: row; 
  flex-direction: row; 
  overflow: scroll; 
  -ms-overflow-style: none; 
  -webkit-scrollbar-width: none; 
  -moz-scrollbar-width: none; 
  -ms-scrollbar-width: none; 
  scrollbar-width: none;
} 

.css-1m93eb0 { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  gap: 20px; 
  -webkit-flex-direction: column; 
  -ms-flex-direction: column; 
  flex-direction: column; 
  -webkit-box-pack: justify; 
  -webkit-justify-content: space-between; 
  -ms-flex-pack: justify; 
  justify-content: space-between; 
  margin-bottom: 40px;
} 

@media screen and (min-width: 767px){ 
.css-1m93eb0 { 
  -webkit-flex-direction: row; 
  -ms-flex-direction: row; 
  flex-direction: row;
} 
}     

.css-ps3k7j { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  width: 100%; 
  max-width: 1136px; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left; 
  background-color: #FAFAFA; 
  padding-left: 16px; 
  padding-right: 16px; 
  padding-top: 48px; 
  padding-bottom: 48px; 
  border-radius: 32px;
} 

@media screen and (min-width: 767px){ 
.css-ps3k7j { 
  padding-left: 32px; 
  padding-right: 32px;
} 
}     

@media screen and (min-width: 1023px){ 
.css-ps3k7j { 
  padding-left: 40px; 
  padding-right: 40px;
} 
}     

.css-1vev1uj { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  padding-left: 0; 
  padding-right: 0;
} 

@media screen and (min-width: 767px){ 
.css-1vev1uj { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

@media screen and (min-width: 1023px){ 
.css-1vev1uj { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

@media screen and (min-width: 1279px){ 
.css-1vev1uj { 
  padding-left: 0; 
  padding-right: 0;
} 
}     

.css-ov54vn { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: auto; 
  cursor: pointer;
} 

.css-1vmsvmj { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: grid; 
  grid-template-columns: 1fr; 
  -webkit-column-gap: 24px; 
  column-gap: 24px; 
  row-gap: 12px;
} 

@media screen and (min-width: 767px){ 
.css-1vmsvmj { 
  grid-template-columns: 88px 1fr;
} 
}     

.css-kxeeis .bn-input-suffix { 
  -webkit-flex-shrink: 0; 
  -ms-flex-negative: 0; 
  flex-shrink: 0; 
  margin-left: 4px; 
  margin-right: 4px; 
  font-size: 14px;
} 

.css-kxeeis { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-inline-box; 
  display: -webkit-inline-flex; 
  display: -ms-inline-flexbox; 
  display: inline-flex; 
  position: relative; 
  margin-top: 32px; 
  margin-bottom: 0px; 
  -webkit-align-items: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center; 
  line-height: 1.6; 
  height: 40px; 
  background-color: #F5F5F5; 
  border-radius: 4px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: transparent;
} 

.css-10zdvj4 { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  width: 240px;
} 

.css-1srjhfq { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  gap: 16px; 
  -webkit-align-items: flex-end; 
  -webkit-box-align: flex-end; 
  -ms-flex-align: flex-end; 
  align-items: flex-end;
} 

.css-11wo5to { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  width: 100%; 
  max-width: 1136px; 
  margin-left: auto; 
  margin-right: auto; 
  padding-left: 16px; 
  padding-right: 16px; 
  padding-top: 16px; 
  padding-bottom: 16px; 
  -webkit-flex-wrap: wrap; 
  -ms-flex-wrap: wrap; 
  flex-wrap: wrap; 
  -webkit-box-pack: justify; 
  -webkit-justify-content: space-between; 
  -ms-flex-pack: justify; 
  justify-content: space-between; 
  -webkit-align-items: flex-end; 
  -webkit-box-align: flex-end; 
  -ms-flex-align: flex-end; 
  align-items: flex-end;
} 

@media screen and (min-width: 767px){ 
.css-11wo5to { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

@media screen and (min-width: 1023px){ 
.css-11wo5to { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

@media screen and (min-width: 1279px){ 
.css-11wo5to { 
  padding-left: 0; 
  padding-right: 0;
} 
}     

.css-ovbogu { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  background-color: #FFFFFF;
} 

.css-1dykcie { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  position: -webkit-sticky; 
  position: sticky; 
  top: 56px; 
  left: 0; 
  right: 0; 
  z-index: 10;
} 

.css-4cffwv { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
} 

.css-1uxxlzs { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  font-weight: 500; 
  font-size: 14px; 
  line-height: 20px; 
  color: #707A8A; 
  margin-left: 12px; 
  margin-right: 12px;
} 

.css-10nf7hq { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-align-items: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center;
} 

.css-ja61tg { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  position: relative; 
  display: inline-block; 
  outline: none; 
  height: 100%; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-align-items: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center; 
  cursor: pointer;
} 

.css-1b2kt7m { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  height: 100%; 
  -webkit-flex-shrink: 0; 
  -ms-flex-negative: 0; 
  flex-shrink: 0;
} 

.css-yb4qvn { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  gap: 26px; 
  -webkit-align-items: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center;
} 

.css-jcz5p8 { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  color: #B7BDC6; 
  -webkit-align-items: center; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center;
} 

.css-fhtmef { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  font-weight: 400; 
  font-size: 14px; 
  line-height: 20px; 
  color: #707A8A;
} 

.css-37ul6t { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  color: currentColor; 
  width: 1em; 
  height: 1em; 
  font-size: 84px; 
  fill: currentColor;
} 

.css-4ptx7h { 
  box-sizing: border-box; 
  margin: 0px 0px 12px; 
  min-width: 0px; 
  display: flex; 
  -webkit-box-align: baseline; 
  align-items: baseline; 
  height: 24px; 
  flex-direction: column;
} 

@media screen and (min-width: 767px){ 
.css-4ptx7h { 
  flex-direction: column;
} 
}     

@media screen and (min-width: 1023px){ 
.css-4ptx7h { 
  flex-direction: row;
} 
}     

.css-11db165 { 
  box-sizing: border-box; 
  margin: 0px; 
  min-width: 0px; 
  display: flex; 
  flex: 242 1 0%;
} 

.css-1q1sp11 { 
  box-sizing: border-box; 
  margin: 0px; 
  min-width: 0px; 
  display: flex; 
  flex-direction: row; 
  width: 100%; 
  z-index: 2;
} 

.css-5tyonw { 
  box-sizing: border-box; 
  margin: 0px; 
  min-width: 0px; 
  display: flex; 
  padding: 24px 0px; 
  border-bottom: 1px solid rgb(245, 245, 245); 
  width: 100%; 
  flex-direction: column; 
  height: auto; 
  background-color: white; 
  position: relative;
} 

.css-1mf6m87 > :first-child  { 
  border-top: 1px solid rgb(234, 236, 239);
} 

@media screen and (min-width: 767px){ 
.css-1mf6m87 > :first-child  { 
  border-top: none;
} 
}     

.css-1mf6m87 { 
  box-sizing: border-box; 
  margin: 0px; 
  min-width: 0px;
} 

.css-cjwhpx { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  display: -webkit-box; 
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex; 
  width: 100%; 
  max-width: 1136px; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left; 
  -webkit-flex-direction: column; 
  -ms-flex-direction: column; 
  flex-direction: column;
} 

.css-94s69v { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  text-align: center; 
  padding-left: 16px; 
  padding-right: 16px; 
  position: relative; 
  background-color: white; 
  min-height: 425px;
} 

@media screen and (min-width: 767px){ 
.css-94s69v { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

@media screen and (min-width: 1023px){ 
.css-94s69v { 
  padding-left: 24px; 
  padding-right: 24px;
} 
}     

.css-1kj0ifu { 
  box-sizing: border-box; 
  margin: 0px; 
  min-width: 0px; 
  display: flex; 
  flex-direction: row; 
  -webkit-box-align: baseline; 
  align-items: baseline;
} 

.css-1h0lsoo { 
  box-sizing: border-box; 
  margin: 0; 
  min-width: 0; 
  font-weight: 500; 
  font-size: 20px; 
  line-height: 28px; 
  margin-bottom: 8px;
} 


@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:200;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:300;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.otf') format('opentype');
  font-weight:400;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.otf') format('opentype');
  font-weight:500;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:600;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:700;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:800;
} 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

.css-3jfi1d { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 60px; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    margin-bottom: 0;
} 

@media screen and (min-width: 767px){ 
  .css-3jfi1d { 
    gap: 60px; 
    margin-bottom: 60px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-3jfi1d { 
    gap: 100px; 
    margin-bottom: 80px;
  } 
}     

main { 
    display: block;
} 

.css-vurnku { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0;
} 

.hFTMle { 
    height: 100%;
} 

body { 
    line-height:   1.5; 
    font-weight:   400; 
    -webkit-backface-visibility:   hidden; 
    backface-visibility:   hidden; 
    -webkit-overflow-scrolling:   touch; 
    -webkit-touch-callout:   none; 
    -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
    font-family:  BinancePlex,Arial,sans-serif!important;
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

html body { 
    font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

.css-de9f3u { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 16px; 
    padding-right: 16px;
} 

@media screen and (min-width: 767px){ 
  .css-de9f3u { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-de9f3u { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-de9f3u { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.css-xpf58i { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    margin-bottom: 32px;
} 

@media screen and (min-width: 767px){ 
  .css-xpf58i { 
    margin-bottom: 40px;
  } 
}     

.css-1cb6n68 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: grid; 
    grid-template-columns: 1fr; 
    row-gap: 24px; 
    -webkit-column-gap: 0; 
    column-gap: 0;
} 

@media screen and (min-width: 767px){ 
  .css-1cb6n68 { 
    grid-template-columns: 1fr 1fr; 
    -webkit-column-gap: 16px; 
    column-gap: 16px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1cb6n68 { 
    grid-template-columns: 1fr 1fr 1fr; 
    -webkit-column-gap: 8px; 
    column-gap: 8px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-1cb6n68 { 
    -webkit-column-gap: 24px; 
    column-gap: 24px;
  } 
}     

.css-zy6cmm { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-size: 20px; 
    line-height: 28px; 
    font-weight: 600;
} 

@media screen and (min-width: 767px){ 
  .css-zy6cmm { 
    font-size: 28px; 
    line-height: 36px;
  } 
}     

a { 
    background-color:  transparent;
    text-decoration: none;
} 

.css-1r20yqv { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    text-decoration: none; 
    color: rgb(30, 35, 41); 
    -webkit-box-align: center; 
    align-items: center; 
    align-self: flex-end;
} 

@media screen and (min-width: 767px){ 
  .css-1r20yqv { 
    align-self: center;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1r20yqv { 
    align-self: flex-start;
  } 
}     

.css-m39jj3 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(240, 185, 11); 
    text-decoration: none;
} 

.css-e76jyv { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(71, 77, 87); 
    font-size: 24px; 
    fill: rgb(71, 77, 87); 
    width: 1em; 
    height: 1em;
} 

.css-2j0nnq { 
    box-sizing: border-box; 
    margin: 0px 0px 24px; 
    min-width: 0px; 
    width: 100%; 
    height: 193px; 
    border-radius: 8px; 
    overflow: hidden;
} 

@media screen and (min-width: 767px){ 
  .css-2j0nnq { 
    height: 198px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-2j0nnq { 
    height: 207px;
  } 
}     

.css-nwcqz3 { 
    box-sizing: border-box; 
    margin: 0px 0px 8px; 
    min-width: 0px; 
    font-weight: 500; 
    font-size: 20px; 
    line-height: 28px; 
    color: rgb(30, 35, 41);
} 

.css-1gap70u { 
    box-sizing: border-box; 
    margin: 0px 0px 16px; 
    min-width: 0px; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    color: rgb(112, 122, 138);
} 

.css-1jq4ozh { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    font-weight: 500; 
    font-size: 14px; 
    line-height: 20px; 
    color: rgb(30, 35, 41);
} 

img { 
    border-style: none;
} 

.css-1mkrzwf { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    max-width: 100%; 
    object-fit: cover; 
    width: 100%; 
    height: 100%;
} 


@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:200;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:300;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.otf') format('opentype');
  font-weight:400;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.otf') format('opentype');
  font-weight:500;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:600;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:700;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:800;
} 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

.css-3jfi1d { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 60px; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    margin-bottom: 0;
} 

@media screen and (min-width: 767px){ 
  .css-3jfi1d { 
    gap: 60px; 
    margin-bottom: 60px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-3jfi1d { 
    gap: 100px; 
    margin-bottom: 80px;
  } 
}     

main { 
    display: block;
} 

.css-vurnku { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0;
} 

.hFTMle { 
    height: 100%;
} 

body { 
    line-height:   1.5; 
    font-weight:   400; 
    -webkit-backface-visibility:   hidden; 
    backface-visibility:   hidden; 
    -webkit-overflow-scrolling:   touch; 
    -webkit-touch-callout:   none; 
    -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
    font-family:  BinancePlex,Arial,sans-serif!important;
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

html body { 
    font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

.css-de9f3u { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 16px; 
    padding-right: 16px;
} 

@media screen and (min-width: 767px){ 
  .css-de9f3u { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-de9f3u { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-de9f3u { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.css-xpf58i { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    margin-bottom: 32px;
} 

@media screen and (min-width: 767px){ 
  .css-xpf58i { 
    margin-bottom: 40px;
  } 
}     

.css-nfmeg { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    margin-bottom: 32px;
} 

.css-acjrf5 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: grid; 
    column-gap: 24px; 
    grid-template-columns: 1fr;
} 

@media screen and (min-width: 767px){ 
  .css-acjrf5 { 
    grid-template-columns: 1fr;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-acjrf5 { 
    grid-template-columns: 1fr 1fr;
  } 
}     

.css-z2wfdb { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    white-space: nowrap; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    overflow: scroll; 
    -ms-overflow-style: none; 
    -webkit-scrollbar-width: none; 
    -moz-scrollbar-width: none; 
    -ms-scrollbar-width: none; 
    scrollbar-width: none;
} 

.css-z2wfdb:-webkit-scrollbar { 
    display: none;
} 

.css-gnqbje { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: block;
} 

.css-1bzb8nq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: none;
} 

a { 
    background-color:  transparent;
    text-decoration: none;
} 

.css-1r20yqv { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    text-decoration: none; 
    color: rgb(30, 35, 41); 
    -webkit-box-align: center; 
    align-items: center; 
    align-self: flex-end;
} 

@media screen and (min-width: 767px){ 
  .css-1r20yqv { 
    align-self: center;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1r20yqv { 
    align-self: flex-start;
  } 
}     

.css-e76jyv { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(71, 77, 87); 
    font-size: 24px; 
    fill: rgb(71, 77, 87); 
    width: 1em; 
    height: 1em;
} 

.css-ov54vn { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: auto; 
    cursor: pointer;
} 

.css-82f717 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 14px; 
    line-height: 20px; 
    -webkit-letter-spacing: .16px; 
    -moz-letter-spacing: .16px; 
    -ms-letter-spacing: .16px; 
    letter-spacing: .16px; 
    padding: 8px 16px; 
    margin-right: 16px; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    color: #1E2329; 
    border-radius: 20px;
} 

@media screen and (min-width: 767px){ 
  .css-82f717 { 
    font-size: 16px; 
    line-height: 24px; 
    -webkit-letter-spacing: .32px; 
    -moz-letter-spacing: .32px; 
    -ms-letter-spacing: .32px; 
    letter-spacing: .32px; 
    padding: 8px 24px;
  } 
}     

.css-82f717.active { 
    background-color: #FCD535; 
    color: #1E2329;
} 

.css-82f717:hover { 
    background-color: #F5F5F5;
} 

.css-16vu25q { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    width: 100%;
} 

hr { 
    box-sizing: content-box; 
    height: 0; 
    overflow: visible;
} 

.css-1y0ppqk { 
    box-sizing: border-box; 
    min-width: 0px; 
    width: 100%; 
    height: 1px; 
    border: none; 
    background-color: rgb(234, 236, 239); 
    margin: 0px;
} 

.css-uei1hs { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: grid; 
    color: rgb(30, 35, 41); 
    -webkit-box-align: center; 
    align-items: center; 
    gap: 20px; 
    grid-template-columns: 1fr max-content; 
    text-decoration: none; 
    padding: 24px 16px;
} 

.css-uei1hs:hover { 
    color: rgb(201, 148, 0); 
    text-decoration: underline; 
    cursor: pointer;
} 

.css-32cg79 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: grid; 
    grid-template-columns: 1fr 20px; 
    -webkit-box-align: center; 
    align-items: center; 
    cursor: pointer; 
    padding: 24px 16px;
} 

.css-j5wso2 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    opacity: 0; 
    max-height: 0px; 
    overflow: hidden; 
    transition-duration: 0.3s; 
    transition-property: max-height, opacity, padding; 
    padding-left: 16px; 
    padding-right: 16px; 
    padding-bottom: 0px; 
    color: rgb(71, 77, 87);
} 

.css-rjqmed { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    font-weight: 500; 
    font-size: 16px; 
    line-height: 24px;
} 

.css-i17obi { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    width: 16px;
} 

.css-l9n0dd { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    font-size: 20px; 
    fill: currentcolor; 
    transition: transform 0.3s ease-in-out 0s; 
    color: rgb(112, 122, 138); 
    width: 1em; 
    height: 1em;
} 

.css-m2io66 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(240, 185, 11);
} 

.css-dlrtvd { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(240, 185, 11); 
    font-size: 16px; 
    fill: rgb(240, 185, 11); 
    width: 1em; 
    height: 1em;
} 


@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:200;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Light.otf') format('opentype');
  font-weight:300;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Regular.otf') format('opentype');
  font-weight:400;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-Medium.otf') format('opentype');
  font-weight:500;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:600;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:700;
} 
@font-face { 
  font-family:'BinancePlex';
  font-display:swap;
  src:url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.woff2') format('woff2'),url('https://bin.bnbstatic.com/static/fonts/bp/BinancePlex-SemiBold.otf') format('opentype');
  font-weight:800;
} 
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} 

.css-3jfi1d { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 60px; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    margin-bottom: 0;
} 

@media screen and (min-width: 767px){ 
  .css-3jfi1d { 
    gap: 60px; 
    margin-bottom: 60px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-3jfi1d { 
    gap: 100px; 
    margin-bottom: 80px;
  } 
}     

main { 
    display: block;
} 

.css-vurnku { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0;
} 

.hFTMle { 
    height: 100%;
} 

body { 
    line-height:   1.5; 
    font-weight:   400; 
    -webkit-backface-visibility:   hidden; 
    backface-visibility:   hidden; 
    -webkit-overflow-scrolling:   touch; 
    -webkit-touch-callout:   none; 
    -webkit-tap-highlight-color:   rgba(0, 0, 0, 0);
    font-family:  BinancePlex,Arial,sans-serif!important;
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

html body { 
    font-family: BinancePlex,Arial,sans-serif!important;
} 

html { 
    padding: 0px; 
    margin: 0px; 
    background: rgb(255, 255, 255); 
    color: rgb(33, 40, 51); 
    overflow: auto; 
    height: 100%; 
    font-size: 14px;
} 

.css-de9f3u { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 16px; 
    padding-right: 16px;
} 

@media screen and (min-width: 767px){ 
  .css-de9f3u { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-de9f3u { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-de9f3u { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.css-xpf58i { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    margin-bottom: 32px;
} 

@media screen and (min-width: 767px){ 
  .css-xpf58i { 
    margin-bottom: 40px;
  } 
}     

.css-nfmeg { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    position: relative; 
    margin-bottom: 32px;
} 

.css-z2wfdb { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    white-space: nowrap; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    overflow: scroll; 
    -ms-overflow-style: none; 
    -webkit-scrollbar-width: none; 
    -moz-scrollbar-width: none; 
    -ms-scrollbar-width: none; 
    scrollbar-width: none;
} 

.css-z2wfdb:-webkit-scrollbar { 
    display: none;
} 

.css-1flmcnq { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 20px 24px;
} 

@media screen and (min-width: 767px){ 
  .css-1flmcnq { 
    grid-template-columns: repeat(3, 1fr);
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1flmcnq { 
    grid-template-columns: repeat(3, 1fr);
  } 
}     

.css-fiaso8 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    width: 100%; 
    max-width: 1136px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 16px; 
    padding-right: 16px; 
    padding-top: 32px; 
    padding-bottom: 32px; 
    background: radial-gradient(100% 100% at top left,#fcf9e9 0%,transparent 100%),radial-gradient(100% 100% at top right,#ecf3fc 0%,transparent 100%),radial-gradient(100% 100% at bottom left,#ecf8f4 0%,transparent 100%),#f9fafa; 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 24px; 
    border-radius: 8px;
} 

@media screen and (min-width: 767px){ 
  .css-fiaso8 { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-fiaso8 { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-fiaso8 { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

@media screen and (min-width: 767px){ 
  .css-fiaso8 { 
    padding-left: 32px; 
    padding-right: 32px; 
    padding-top: 32px; 
    padding-bottom: 32px; 
    grid-template-columns: 1fr; 
    gap: 32px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-fiaso8 { 
    padding-left: 16px; 
    padding-right: 16px; 
    padding-top: 64px; 
    padding-bottom: 64px; 
    grid-template-columns: 1fr max-content; 
    gap: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-fiaso8 { 
    padding-left: 48px; 
    padding-right: 48px;
  } 
}     

.css-1vev1uj { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    padding-left: 0; 
    padding-right: 0;
} 

@media screen and (min-width: 767px){ 
  .css-1vev1uj { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1vev1uj { 
    padding-left: 24px; 
    padding-right: 24px;
  } 
}     

@media screen and (min-width: 1279px){ 
  .css-1vev1uj { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.css-1f9551p { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: inline-block; 
    position: relative;
} 

.css-1bzb8nq { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    display: none;
} 

a { 
    background-color:  transparent;
    text-decoration: none;
} 

.css-1r20yqv { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    text-decoration: none; 
    color: rgb(30, 35, 41); 
    -webkit-box-align: center; 
    align-items: center; 
    align-self: flex-end;
} 

@media screen and (min-width: 767px){ 
  .css-1r20yqv { 
    align-self: center;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-1r20yqv { 
    align-self: flex-start;
  } 
}     

.css-e76jyv { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    color: rgb(71, 77, 87); 
    font-size: 24px; 
    fill: rgb(71, 77, 87); 
    width: 1em; 
    height: 1em;
} 

.css-18ltbza { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    cursor: pointer; 
    overflow: hidden; 
    width: 100%; 
    border: 2px solid rgb(255, 255, 255); 
    border-radius: 4px; 
    padding: 8px 16px; 
    height: max-content; 
    text-decoration: none; 
    color: rgb(30, 35, 41);
} 

@media screen and (min-width: 767px){ 
  .css-18ltbza { 
    width: 178px;
  } 
}     

.css-18ltbza:hover { 
    background-color: white;
} 

.css-ov54vn { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: auto; 
    cursor: pointer;
} 

.css-82f717 { 
    box-sizing: border-box; 
    margin: 0; 
    min-width: 0; 
    font-weight: 500; 
    font-size: 14px; 
    line-height: 20px; 
    -webkit-letter-spacing: .16px; 
    -moz-letter-spacing: .16px; 
    -ms-letter-spacing: .16px; 
    letter-spacing: .16px; 
    padding: 8px 16px; 
    margin-right: 16px; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    color: #1E2329; 
    border-radius: 20px;
} 

@media screen and (min-width: 767px){ 
  .css-82f717 { 
    font-size: 16px; 
    line-height: 24px; 
    -webkit-letter-spacing: .32px; 
    -moz-letter-spacing: .32px; 
    -ms-letter-spacing: .32px; 
    letter-spacing: .32px; 
    padding: 8px 24px;
  } 
}     

.css-82f717.active { 
    background-color: #FCD535; 
    color: #1E2329;
} 

.css-82f717:hover { 
    background-color: #F5F5F5;
} 

.css-1bs3njg { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
} 

.css-3ey3np { 
    box-sizing: border-box; 
    margin: 0px 12px 0px 0px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 4px; 
    background-color: rgb(16, 41, 129);
} 

.css-tq65sg { 
    box-sizing: border-box; 
    margin: 0px 12px 0px 0px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 4px; 
    background-color: rgb(16, 41, 142);
} 

.css-pwdk9w { 
    box-sizing: border-box; 
    margin: 0px 12px 0px 0px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 4px; 
    background-color: rgb(34, 34, 34);
} 

.css-13fdj6 { 
    box-sizing: border-box; 
    margin: 0px 12px 0px 0px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 4px; 
    background-color: rgb(0, 128, 196);
} 

.css-15ditvx { 
    box-sizing: border-box; 
    margin: 0px 12px 0px 0px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 4px; 
    background-color: rgb(40, 53, 114);
} 

.css-acjrf5 { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    display: grid; 
    column-gap: 24px; 
    grid-template-columns: 1fr;
} 

@media screen and (min-width: 767px){ 
  .css-acjrf5 { 
    grid-template-columns: 1fr;
  } 
}     

@media screen and (min-width: 1023px){ 
  .css-acjrf5 { 
    grid-template-columns: 1fr 1fr;
  } 
}     

.css-16vu25q { 
    box-sizing: border-box; 
    margin: 0px; 
    min-width: 0px; 
    width: 100%;
} 

.css-1lqius7 { 
    box-sizing: border-box; 
    margin: 0px 12px 0px 0px; 
    min-width: 0px; 
    width: 4px; 
    height: 14px; 
    border-radius: 4px; 
    background-color: rgb(240, 185, 11);
}