.graphs-page-container{gap:20px;border-radius:24px;background:#fff;box-shadow:0 4px 36px 0 #0000000d}.graphs-page-content{display:flex}.graphs-page-title{font-size:14px;color:#4a5568;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.36px;text-transform:uppercase;padding:16px 24px;border-bottom:1px solid var(--body-separator,#eaeaec);color:var(--body-quaternary,#6f6d7b)}.graphs-sidebar{width:280px;flex-shrink:0;border-radius:8px;padding:24px;border-right:1px solid var(--body-separator,#eaeaec)}.graphs-sidebar .graph-section{margin-bottom:20px}.graphs-sidebar .graph-section ul{list-style:none;padding:0;margin:0}.graphs-sidebar .graph-section ul li a{display:block;padding:10px 12px;border-radius:16px;color:var(--body-quaternary,#6f6d7b);text-decoration:none;transition:background-color .2s ease}.graphs-sidebar .graph-section ul li a:hover{background-color:#e2e8f0}.graphs-sidebar .graph-section ul li.active a{background:var(--body-primary,#070219);color:#fff}.graph-content{flex-grow:1;height:calc(100vh - 147px);max-height:calc(100vh - 147px);padding:0 24px}.graph-content .priceBlockCurrencySwitcher{display:flex;border:1px solid #eaeaec;border-radius:32px;padding:8px 12px 8px 8px;width:251px;justify-content:space-between;margin-bottom:16px;margin-top:16px}.graph-content .priceBlockCurrencySwitcherLeft{display:flex;align-items:center}.graph-content .priceBlockCurrencySwitcherTitle{display:flex;align-items:center;color:#070219;font-size:16px;font-style:normal;margin-left:12px;font-weight:600;column-gap:4px;line-height:24px}.graph-content .priceBlockCurrencySwitcherTitleCode{color:#6f6d7b;font-weight:400}.graph-content .priceBlockCurrencySwitcherButtons{display:flex;column-gap:4px;align-items:center}.graph-content .priceBlockCurrencySwitcherButton{border:1px solid #eaeaec;border-radius:50px;cursor:pointer}.graph-content .priceChartWrapper{border-radius:16px;display:flex;flex-direction:column;height:calc(100% - 86px)}.graph-content .priceChartContainerRed{background:#fff0f2}.graph-content .priceChartContainerGreen{background:#f0faf7}.graph-content .priceChartHead{display:flex;align-items:center;justify-content:space-between;padding:16px}@media(max-width:961px){.graph-content .priceChartHead{flex-direction:column;justify-content:flex-start}}.graph-content .priceChartHeadLeft{display:flex;align-items:center;border:1px solid #eaeaec;border-radius:8px;column-gap:8px;padding-right:8px}.graph-content .priceChartContainerRed .priceChartHeadDiff{color:#ff0024;background:#ffcfd4}.graph-content .priceChartContainerGreen .priceChartHeadDiff{color:#00ad71;background:#c8f2e4}.graph-content .priceChartHeadDiff{font-size:14px;font-style:normal;font-weight:600;line-height:20px;padding:4px 8px;border-radius:8px}.graph-content .priceChartHeadTime{color:#6f6d7b;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.graph-content .priceChartHeadRight{display:flex;align-items:center;column-gap:8px;border-radius:8px;padding:4px}.graph-content .priceChartHeadFilters{display:flex;gap:4px}.graph-content .priceChartHeadFilter{border-radius:6px;background:#0000;padding:4px 8px;cursor:pointer;color:#6f6d7b;border:1px solid #eaeaec;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.graph-content .priceChartHeadFilterActive{background:#070219;color:#fff}.graph-content .priceChartContainer{flex-grow:1;width:100%;position:relative}.graph-content .tooltip{position:absolute;background:#fff;border-radius:8px;padding:8px;pointer-events:none;box-shadow:0 4px_12px #0000001a;transition:opacity .1s ease}.graph-content .tooltipDate{color:#6f6d7b;font-size:12px}.graph-content .tooltipPrice{color:#050038;font-size:16px;font-weight:600}@media(max-width:961px){.graphs-page-content{flex-direction:column}.graphs-sidebar{border-right:none;width:100%;padding-bottom:0}.graph-section ul{display:flex;flex-wrap:wrap}.graph-section{margin-bottom:0!important}.graph-content{max-height:400px}}