.volatility-index-pane-wrap .volatility-index-info{margin-bottom:8px;margin-top:0}@media (min-width:768px){.volatility-index-pane-wrap .volatility-index-info{margin-bottom:12px;margin-top:0}}@media (min-width:1024px){.volatility-index-pane-wrap .volatility-index-info{margin-bottom:24px;margin-top:8px}}.volatility-index-pane-wrap .volatility-index-info-list{flex-wrap:wrap}.volatility-index-pane-wrap .volatility-index-info-item{flex-direction:column;margin-bottom:12px;margin-right:16px}.volatility-index-pane-wrap .volatility-index-info-item:last-of-type{margin-right:0}.volatility-index-pane-wrap .volatility-index-kline{flex:1 1;flex-direction:column;height:386px}.volatility-index-pane-wrap .interval-bar{margin-bottom:16px}@media (min-width:768px){.volatility-index-pane-wrap .interval-bar{margin-bottom:24px}}@media (min-width:1024px){.volatility-index-pane-wrap .interval-bar{margin-bottom:24px}}.volatility-index-pane-wrap .interval-bar .unfolded-interval-item{color:var(--color-TertiaryText);cursor:pointer;margin-right:8px;padding:4px}.volatility-index-pane-wrap .interval-bar .unfolded-interval-item.active,.volatility-index-pane-wrap .interval-bar .unfolded-interval-item:hover{color:var(--color-TextLink)}.volatility-index-pane-wrap .interval-bar .unfolded-interval-item:first-of-type{padding-left:0}.volatility-index-pane-wrap .interval-bar .dropdown{align-items:center;display:flex}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-trigger{align-items:center}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-arrow{cursor:pointer}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-overlay{background-color:var(--color-CardBg);border-radius:2px;box-shadow:0 2px 16px rgba(0,0,0,.25);box-sizing:border-box;height:auto;padding:16px;width:auto}@media (min-width:768px){.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-overlay{border-radius:2px}}@media (min-width:1024px){.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-overlay{border-radius:8px}}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-overlay-top{justify-content:space-between;margin-bottom:16px}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-edit{color:var(--color-TextLink);cursor:pointer}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-list{grid-gap:16px;display:grid;grid-template-columns:repeat(5,minmax(24px,1fr))}@media (min-width:768px){.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-list{grid-gap:16px;grid-template-columns:repeat(5,minmax(24px,1fr))}}@media (min-width:1024px){.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-list{grid-gap:10px;grid-template-columns:repeat(4,minmax(60px,1fr))}}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-item{background-color:var(--color-Input);border-radius:2px;color:var(--color-PrimaryText);cursor:pointer;height:24px;line-height:24px;position:relative;text-align:center;width:60px}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-item:nth-of-type(4n){margin-right:0}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-item:hover{background-color:var(--disable-bg)}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-item.selected{background-color:rgba(240,185,11,.15);color:var(--color-TextLink)}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-item.selected:hover{background-color:rgba(240,185,11,.3)}.volatility-index-pane-wrap .interval-bar .dropdown .dropdown-interval-item .selected-icon{align-items:center;border-radius:100%;height:16px;justify-content:center;position:absolute;right:-6.5px;top:-6.5px;width:16px}.volatility-index-pane-wrap .interval-bar .dropdown .mobile-dropdown-interval-item{color:var(--color-SecondaryText)}.volatility-index-pane-wrap .interval-bar .dropdown .mobile-dropdown-interval-item.active{color:var(--color-TextLink)}.volatility-index-pane-wrap .volatility-index-desc{margin-top:16px}@media (min-width:768px){.volatility-index-pane-wrap .volatility-index-desc{margin-top:24px}}@media (min-width:1024px){.volatility-index-pane-wrap .volatility-index-desc{margin-top:24px}}.volatility-index-pane-wrap .volatility-index-desc .desc-icon{min-width:16px}.volatility-index-pane-wrap .drawer-select-wrap{padding-bottom:32px;padding-top:16px}